screen-recording-2025-07-13-200321_q90Ior7N.mp4
A full-stack real-time chat application where users can sign up, log in, create private/public conversations, share media, send instant messages, and more. Built with the MERN stack and modern tools like Multer, Cloudinary, Emoji Picker, and React Toastify.
- 👤 User Authentication – Signup, Login, Logout with secure JWT tokens stored in cookies
- 💬 Real-Time Chat – Instant messaging via Socket.IO with typing indicators and read receipts
- 📎 Media Sharing – Upload images/videos using Multer and store them securely in Cloudinary
- 🙂 Emoji Picker – Send emojis via an integrated emoji search and picker tool
- 🧾 Chat History – Load previous messages, scrollable conversation threads
- 🔒 Secure Auth – Passwords hashed using bcrypt, and secure cookies via cookie-parser
- 🌐 CORS Enabled – Allows smooth frontend-backend interaction
- 📣 Notifications – Feedback via React Toastify for actions and errors
- 💅 Responsive UI – Tailwind CSS-based design that adapts to all devices
- 🎨 Lucide Icons – Clean and lightweight icon set for UI elements
- React.js
- Tailwind CSS
- Redux Toolkit
- Axios
- React Toastify
- Emoji Picker
- Lucide React Icons, React Icons
- Node.js
- Express.js
- MongoDB with Mongoose
- Multer
- Cloudinary
- bcrypt.js
- cookie-parser
- cors
- Socket.IO
- jsonwebtoken