🚀 BHH Chat — Real-Time Messaging Application
BHH Chat is a modern real-time messaging platform built with the MERN stack and Socket.IO.
Its goal is to deliver a seamless chat experience with secure authentication, smooth UI/UX, image sharing, emoji reactions, and customizable chat themes.
The project is structured as a full-stack application with a dedicated REST API, real-time event layer, and a responsive React frontend optimized for desktop and mobile users.
✨ Key Features
- Secure Authentication (JWT + bcrypt)
Login, password encryption, last-active tracking, online/offline indicators. - Real-Time Messaging (Socket.IO)
Messages sync instantly across users and devices. - Image Upload & Media Sharing
Upload photos using Cloudinary and preview them inside the chat. - Emoji Reactions & Message Interactions
Users can react, send stickers/emojis, and manage messages. - Custom Chat Themes
Each conversation can have its own gradient theme or uploaded background image. - Responsive UI + Smooth Animations
Designed with Tailwind CSS and Framer Motion.
🛠 Tech Stack
Frontend
- React + Vite
- Tailwind CSS
- Axios, TanStack Query
- Socket.IO Client
- Framer Motion
Backend
- Node.js + Express.js
- MongoDB + Mongoose
- Socket.IO
- JWT Authentication + bcrypt
- Cloudinary Media Storage