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

🔴 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.

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