/chat-app

Primary LanguageJavaScript

ChatByte

"A Messenging Service Prototype"

About the project



This MERN stack-based chat application offers a seamless and intuitive platform for real-time communication among users. With its robust backend powered by Node.js and Express.js, coupled with the dynamic frontend built using React.js, this application provides a feature-rich environment for engaging conversations.

Tech Stack


Features of ChatByte at a Glance:

Function Feature Image
User registration and Authentication using JSON Web Token(JWT) and Bcryptjs​ Allow user to login or create a new account securely #
Direct messaging​ Two users can chat with each other #
Group chat functionality​ Multiple users can make groups and chat #
Real-time message updates​ Get updates in real-time within fraction of seconds #
Typing indicator When typing, the recipient gets notified​ #
User status Whether you are online or offline​ #

Setting up project locally (Installation)

  1. Fork the repository

  2. Clone Your Forked Repository:

git clone https://github.com/<your_username>/chat-app.git
  1. Install Dependencies:
npm install

Frontend Setup

  1. Go to Frontend Folder.
    cd frontend
  2. Install Dependencies:
    npm i
  3. Start the Application:
npm start

Backend Setup

  1. Go to Backend Folder.
    cd backend
  2. Start the server
npm start