SyncChat — Real-Time Chat Application

Multi-channel messaging and active typing indicators.

Technologies

ReactNode.jsExpressSocket.IOJWT

GitHub Link

View Repository

Problem Statement

Enabling communication across multiple channels requires persistent bidirectional connections and message sorting.

Solution & Architecture

SyncChat uses WebSockets via Socket.IO to coordinate message distribution and renders dynamic channel updates.


+------------------+      WebSockets      +-----------------------+
|   Chat Client    | <==================> |  Express Gateway API  |
+------------------+                      +-----------------------+
                                                       |
                                                       v
                                           +-----------------------+
                                           |   MongoDB Database    |
                                           +-----------------------+

Technical Challenges & Resolutions

Implementation Focus: Distributing message payloads and active status indications via WebSocket events.

Architectural Trade-offs

Chose MongoDB to store dynamic chat logs as document objects.