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