Skip to content

A real-time chat application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) with Socket.IO for instant messaging. Includes features like online status, unread message notifications, authentication, and user profiles.

Notifications You must be signed in to change notification settings

Divyanshi2408/Chat-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

33 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’¬ MERN Chat App

A real-time chat application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) with Socket.IO for instant messaging. Includes features like online status, unread message notifications, authentication, and user profiles.

image

Image

Image


πŸš€ Features

  • πŸ§‘β€πŸ€β€πŸ§‘ Real-time messaging with Socket.IO
  • πŸ”’ JWT Authentication (Login/Signup)
  • πŸ‘οΈ Online/offline status tracking
  • πŸ”” Unread message notifications
  • πŸ“ Update profile & settings
  • πŸŒ™ switch into different theme
  • πŸ“± Responsive UI

πŸ› οΈ Tech Stack

Frontend:

  • React.js
  • React Router
  • Zustand / Redux (state management)
  • Axios
  • Tailwind

Backend:

  • Node.js
  • Express.js
  • MongoDB
  • Socket.IO
  • JSON Web Tokens (JWT)
  • Bcrypt.js

πŸ“¦ Installation

1. Clone the repository

git clone https://github.com/Divyanshi2408/Chat-App
cd chat-app
  1. Install dependencies for frontend & backend
# In root directory
cd client
npm install

cd ../server
npm install
  1. Set up .env in /server directory
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
  1. Run the app ➀ Start Backend Server
cd server
node src/index.js

➀ Start Frontend

cd client
npm start

πŸ’¬ Contact

πŸ“§ [divyanshipal2808@gmail.com]

About

A real-time chat application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) with Socket.IO for instant messaging. Includes features like online status, unread message notifications, authentication, and user profiles.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Languages