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>