08 / 08 · Realtime · WebSockets
Chit-Chat
Low-latency real-time messenger with WebSockets & typing presence
Overview
A responsive, full-duplex real-time chat application built for instant communication. Powered by Socket.io and Node.js/Express, the platform features private instant messaging, active user presence states, typing notifications, and persistent chat history in MongoDB Atlas.
- React
- Node.js
- Express
- Socket.io
- MongoDB
- Tailwind CSS
- Zustand
- Latency
- < 80 ms
- Protocol
- WebSockets
- Status
- Typing & Read
- State
- Zustand
Engineering decisions
WebSocket Duplex Relays
Low-latency Socket.io connection pool transmitting encrypted message payloads with read receipts under 80ms.
Compound Indexed History
MongoDB query optimization delivering smooth pagination across thousands of chat messages without DB lockups.
- 01
Bi-directional WebSocket event channels for instant messaging, broadcast user presence, and real-time typing indicators.
- 02
Stateless Express authentication middleware validating JWT bearer tokens before WebSocket handshake.
- 03
MongoDB chat schema with compound indexing on conversation participants for high-throughput pagination.
Screens & Walkthrough
Production gallery(1 high-res captures)
Next project