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 (1)

Collapse
 
devops_fundamental profile image
DevOps Fundamental

Great postβ€”really enjoyed your insights!