Real-Time Chat Application (Frontend)

Frontend client for a scalable real-time messaging system. The application provides instant messaging, typing indicators, and live online presence updates powered by Socketio

Live Demo

Features

• Real-time messaging
• Typing indicators
• Online / offline user status
• Message timestamps
• Responsive chat interface
• Secure communication with encrypted messages

Tech Stack

React, Socket.IO Client, JavaScript, CSS, Vercel Deployment

Backend

This frontend communicates with a scalable backend built using Node.js, Express, Redis, and MongoDB.

How It Works

• User logs in and establishes a Socketio connection
• Messages are transmitted in real time using Socket.IO
• Typing indicators update instantly across clients
• Online presence is tracked using Redis
• Messages are stored persistently in MongoDB

Built as a backend systems project to explore real-time communication and scalable architecture.