A full-stack real-time chat app built with the MERN stack, Socket.io, and JWT authentication, featuring online status updates, secure messaging, and a modern UI using TailwindCSS and DaisyUI.
- 🔐 Authentication & Authorization (JWT)
- 🧑🤝🧑 1-on-1 real-time messaging
- 💡 Online/offline user status
- 📡 WebSockets with Socket.io
- 🗂️ Global state management using Zustand
- ❗ Robust error handling & validation
- 💅 TailwindCSS + DaisyUI for modern UI
- 🔄 Auto-sync messages across devices
| Frontend | Backend | Others |
|---|---|---|
| React | Node.js | Socket.io |
| TailwindCSS | Express.js | JWT (jsonwebtoken) |
| DaisyUI | MongoDB (Mongoose) | Zustand (state management) |
| Axios | CORS | dotenv |
/
├── client/ # React frontend
│ └── src/
│ └── components/
│ └── pages/
│ └── store/
│ └── services/
│
├── server/ # Node + Express backend
│ └── controllers/
│ └── routes/
│ └── models/
│ └── middleware/
│
└── README.md.png)
.png)
.png)