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