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.
- ✅ 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
| Frontend | Backend | Database | Real-Time |
|---|---|---|---|
| React.js | Express.js | MongoDB | Socket.IO |
| Fetch | Node.js | Mongoose | |
| Tailwind CSS / CSS Modules | JWT Auth | MongoDB Atlas |
Make sure you have Node.js and npm installed.
bash
git clone https://github.com/adhmara-prani/mern-chat-app
cd mern-chat-app
- PORT=5000
- MONGO_URI=your_mongo_connection_string
- JWT_SECRET=your_secret_key
- CLIENT_URL=http://localhost:3000
cd servernpm installnpm run server
cd ../clientnpm installnpm run dev