Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kishan2029/chatvista

Chatvista is a chat platform app where users can connect with friends through real-time messaging. Users can add friends, create groups, and see each other's online status. The app also features notifications, profile management, and real-time updates.
https://github.com/kishan2029/chatvista

cloudinary mongodb nodejs reactjs reactquery socket-programming

Last synced: 4 days ago
JSON representation

Chatvista is a chat platform app where users can connect with friends through real-time messaging. Users can add friends, create groups, and see each other's online status. The app also features notifications, profile management, and real-time updates.

Awesome Lists containing this project

README

        


Chatvista

 


Chatvista


Github top language

Github language count

Repository size

Github stars


## :dart: 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.

## :sparkles: 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.

## :rocket: Technologies

The following tools were used in this project:

vite
mongoDB
redux
express
react-query
node
websocket
mui

## Deploy Link
https://chatvistaa.netlify.app/

## :checkered_flag: Starting

```bash
# 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
# The server will initialize in the
```

 

Back to top