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.