Skip to content

Files

Latest commit

c3a6e49 · Feb 26, 2024

History

History
108 lines (73 loc) · 4.98 KB

Readme.md

File metadata and controls

108 lines (73 loc) · 4.98 KB
Chatvista

 

Chatvista

Github top language Github language count Repository size Github stars


🎯 About

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.

✨ 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.

🚀 Technologies

The following tools were used in this project:

vite mongoDB redux express react-query node websocket mui

Deploy Link

https://chatvistaa.netlify.app/

🏁 Starting

# 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