Chatvista is a full-stack MERN application that functions as a chat platform. To use the app, users must first register. After verifying their registration through an OTP (one-time password), users can start using the app's features.

• Making Friends Upon logging in, users must first add friends to begin communication. They can send friend requests to other users, and if accepted, they become friends.

• Real-Time Chat Users can only chat with their friends. The app utilizes sockets to enable real-time communication between users.

• Group Chats Users can create groups with their friends to chat together. They can view group information, members, add new members, edit group information, and leave groups as needed.

• User Presence Users can see if other users are online or offline, whether they are typing, and their profile information.

• Notifications The app supports notification functionality. Whenever there is a new message, the app sends a notification to the user.

• Profile Management Users can create and update their profiles. A user search functionality is included for convenience.

• Real-Time Updates All communication, information updates, and member or group additions/removals happen in real-time.

• Release Notes -> Users are informed about new app announcements and features through release notes.

• Progressive Web App Chatvista is a progressive web app (PWA), allowing users to install it on their laptops for convenient access.

The following tools were used in this project:

https://chatvistaa.netlify.app/

# Run client
$ cd client
$ npm i  # Install dependencies
$ npm run dev # starts development server
$ npm run start # starts production server

# Run client
$ cd server
$ npm i  # Install dependencies
$ npm run dev # starts development server
$ npm run start # starts production server

# The server will initialize in the <http://localhost:5173>
# The server will initialize in the <http://localhost:8080>

Back to top