AtChats – Real-time Messaging App

Tech Stack: Flutter, Riverpod, Node.js, Express.js, Socket.IO, MongoDB, WebRTC

Built a cross-platform Flutter chat application supporting real-time 1-to-1 and group messaging with Socket.IO. Implemented file sharing, emoji reactions, and presence indicators. Integrated WebRTC mesh architecture for low-latency, high-quality video calls. Designed scalable MongoDB schemas and Express.js APIs to handle thousands of concurrent users.

group.video.calling.mp4

1.to.1.video.calling.mp4

reactions.mp4

online.status.mp4

unreads.mp4

typings.mp4

real.time.messages.and.reactions.mp4

images.file.message.mp4

add.or.remove.user.from.group.mp4

auth.mp4

---

In-Video Screen (During Call)

• Simple and clean group video calling interface.
• Optimized for smooth video rendering during group calls.

Chat Page

• Real-time 1-to-1 messaging with typing indicators and read receipts.
• Online/offline presence and smooth message pagination.

Group Chat Page

• Group creation and real-time group messaging.
• Supports reactions, media messages, and presence indicators.

Image & File Messaging

• Send and preview images and documents.

Reactions

• Add emoji reactions to individual messages.
• Real-time synchronization across all connected devices.

Continue Video Call

• Seamlessly switch between chat and ongoing video call.

Video Calling Screen

• High-quality video calling using WebRTC.

Video Receiving Popup

• Incoming call popup with Accept options.

Login Page

• Clean email/password login form with real-time validation.
• Error prompts and smooth redirection to chat dashboard.

Sign Up Page

• Registration with Name, Email, and Password fields.
• Strong password validation and duplicate email detection.
• Auto-login after successful registration.