A simple and fully functional real-time chat application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) and Socket.IO. This app allows multiple users to send and receive messages instantly through a shared chat interface.
- β¨ Features
- π¦ Tech Stack
- ποΈ Folder Structure
- βοΈ Setup Instructions
- π§ͺ Example Code Snippets
- π οΈ Known Limitations
- π€ Contributing
- π License
- π‘ Real-time messaging using Socket.IO
- π₯ Users join with their name
- π¨οΈ Live message updates across all clients
- πΎ Persistent chat data using MongoDB
- βοΈ Minimal and intuitive React frontend
- π REST + WebSocket-based architecture
Layer | Technology |
---|---|
Frontend | React, Axios, Socket.IO Client |
Backend | Node.js, Express.js |
Database | MongoDB, Mongoose |
Realtime | Socket.IO |
Utilities | dotenv, cors, nodemon |
mern-chat-app/
βββ client/ # React frontend
β βββ public/
β βββ src/
β βββ App.js
β βββ index.js
β βββ components/
βββ server/ # Express backend
β βββ models/
β β βββ Message.js
β βββ index.js
β βββ .env
βββ README.md
βββ package.json