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