I Built a Real-Time Chat App Using MERN + Socket.IO and Deployed It to Render as my FIRST MERN Project..🚀
Hey everyone! 👋
I've just finished building Whispr — a sleek real-time chat application using the MERN stack + Socket.IO. It supports private messaging, profile uploads, and real-time socket updates, all styled with Tailwind CSS as well as responsive for every device.
🔗 Check it Out
👉 Live App: https://whispr-a-chat-app.onrender.com
📦 GitHub Repo: Whispr on GitHub
🛠️ What I Used
Frontend: React (Vite), Zustand, Tailwind, React Hot Toast
Backend: Express, MongoDB, Mongoose, JWT, Cloudinary
WebSocket: Socket.IO
Deployment: Render (Free tier)
🔥 Key Features
- 👤 Auth with JWT & cookies
- ⚡ Real-time chat updates
- 💡 Profile management
- 🌐 Live WebSocket handling (online/offline)
Would love your feedback or ideas for next features (emoji support, group chat, etc). 🙌
Great post—really enjoyed your insights!