DEV Community

Cover image for 🔴 Realtime Responsive Chat App with React, Node.js, Socket.io and MongoDB with Group Chats and File Uploads
Kishan Sheth
Kishan Sheth

Posted on

26 5 5 5 5

🔴 Realtime Responsive Chat App with React, Node.js, Socket.io and MongoDB with Group Chats and File Uploads

Features of the Realtime Responsive Chat App

✅ Frontend: Built with React ⚛️

✅ UI Components: ShadCN 🧩

✅ Styling: Tailwind CSS 🎨

✅ Responsiveness: Fully Responsive Design 📱💻

✅ Authentication: JWT Tokens 🔑

✅ File Handling: Multer for File and Image Storage 📁📷

✅ File Download: Easy File Downloading 📥

✅ Real-time Messaging: Sockets for Instant Communication 💬

✅ Chat Support: Group Chats and Personal Messages 👥💬

✅ Fun Conversations: Emoji Support 😄

✅ Backend: Node.js and Express 🛠️

✅ Database: MongoDB for Efficient Data Storage 🗄️

✅ State Management: Zustand for Seamless State Management 🧠

✅ API Calls: Axios for Smooth API Interactions 🌐

✅ Code Quality: Structured and Maintainable Code 📚

Source Code ⭐

Check out the full 10+ Hour Video on my youtube channel.

For more such Full Stack Clones subscribe to my youtube channel.

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (1)

Collapse
 
andrewmalik profile image
Andrew Malik

The app is awesome and your tutorials are great too.

Just some suggestions:

Online/Offline Status
Request Accept/Decline for messages. People cannot directly chat with anyone.
Typing Indicators
Mentions

Cloudinary image

Video API: manage, encode, and optimize for any device, channel or network condition. Deliver branded video experiences in minutes and get deep engagement insights.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay