Real-Chat

-> A Realtime Messaging Application

A simple realtime chat application made using React, Node.js, Express.js and MongoDB

To install all the dependencies, npm is used.

The backend is implemented using Node.js, Express.js and MongoDB. Atlas, the Cloud version of MongoDB is used. Real-time communication is done using Socket.io.

Few Screenshots

Features

• All the user details, group chats and conversations are stored in the MongoDB Atlas

• Login/Signup, as well as the Logout feature, is present.
• Error will be shown if the credentials are not correct

• Real time communication & notification is supported using Socket.io

• Realtime One on One and group chats
• Functionality like Searching for chats, creating a group, adding or removing participants.
• typing... animation.
• Online / Offline statuses are shown.
• Read / Unread status of conversation is shown.
• All the conversations are stored in the database

Tech Stack

MongoDB, Express, React, Node, Socket.IO

Env Variables

Create a .env file in the root and add the following

NODE_ENV = development
PORT = 5000
MONGO_URI = <yourMongoDbUri>
JWT_SECRET = <yourSecret>

Install Dependencies (frontend & backend)

-Use the below command to install dependencies in both frontend & backend folders.

npm install

Run

Run frontend (:3000) & backend (:5000)

# Run frontend only
npm start 

# Run backend only
npm start