Thanks to visit codestin.com
Credit goes to github.com

Skip to content

adhmara-prani/mern-chat-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💬 CHATMONDE: A Real-Time Chat App made using MERN Stack with Socket.IO

A modern, full-stack real-time chat application built using the MERN stack (MongoDB, Express.js, React, Node.js) and powered by Socket.IO for live bi-directional communication.

⚡ Communicate instantly with friends and colleagues using an elegant and responsive chat interface.


🚀 Features

  • Real-Time Messaging with WebSockets (Socket.IO)
  • 🧑‍🤝‍🧑 User-to-User & Group Chat support
  • 🧾 User Authentication (JWT-based login/register)
  • 📦 MongoDB for persistent message & user storage
  • 🎨 React UI with responsive design (mobile & desktop)
  • 🪄 Instant message delivery with typing indicators (optional)
  • 🌐 REST API for user management and chat history
  • 📱 Works on all modern browsers and devices

🛠 Tech Stack

Frontend Backend Database Real-Time
React.js Express.js MongoDB Socket.IO
Fetch Node.js Mongoose
Tailwind CSS / CSS Modules JWT Auth MongoDB Atlas


🔧 Installation & Setup

Make sure you have Node.js and npm installed.

1. Clone the Repository

bash git clone https://github.com/adhmara-prani/mern-chat-app cd mern-chat-app

2. Setup Environment Variables

  • PORT=5000
  • MONGO_URI=your_mongo_connection_string
  • JWT_SECRET=your_secret_key
  • CLIENT_URL=http://localhost:3000

3. Install Dependencies

For backend

  • cd server
  • npm install
  • npm run server

For frontend

  • cd ../client
  • npm install
  • npm run dev

Project should be successfully running on http://localhost:3000

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages