02 // BACK TO ALL PROJECTS
01/Full StackFEATURED

Chat App (MERN Stack)

Real-time messaging platform with WebSocket communication, JWT authentication, and active user presence.

PROJECT OVERVIEW

A full-stack real-time web application built with MongoDB, Express.js, React, and Node.js. Features bidirectional messaging via Socket.io, stateless JWT authentication with bcrypt password hashing, persistent message history in MongoDB Atlas, and a responsive React interface deployed on Vercel.

ENGINEERING HIGHLIGHTS & ARCHITECTURAL DECISIONS
Bidirectional low-latency messaging powered by Socket.io WebSocket engine
Secure stateless authentication with JSON Web Tokens (JWT) and bcrypt hashing
Persistent message logs and user presence tracking in MongoDB Atlas
Production deployed on Vercel with real-time connection health monitoring
TECHNOLOGIES & DEPENDENCIES
ReactNode.jsExpress.jsMongoDBSocket.ioTailwind CSSJWT
ARCHITECTURE TOPOLOGY
● VERIFIED ARTIFACT
RUNTIME_SPECIFICATION
React SPA ⇄ Socket.io / REST API (Node.js + Express) ⇄ MongoDB Atlas
REPOSITORY: chat-app-mern
CATEGORY: Full Stack
DEPLOYMENT: PRODUCTION
NEXT
Chat-App (Flutter Mobile)