DEV Community

Cover image for Whispr a chat app...
Rounak Bakshi
Rounak Bakshi

Posted on

Whispr a chat app...

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). 🙌

Top comments (0)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.