💬 Whispr — Real-Time Chat Application

Whispr is a full-stack real-time chat application built using React, Node.js, Express, MongoDB, and Socket.IO.
It allows users to chat instantly, view online/offline status, edit their profiles, and manage conversations with a clean, modern interface.

---

• **Live Link: ** https://Whispr.onrender.com

🚀 Features

👥 Real-Time Chat

• Instant 1-to-1 messaging powered by Socket.IO
• Real-time delivery updates and message synchronization
• Typing indicators and timestamps

🟢 Online Presence

• See which users are online with a live green dot indicator
• Automatic status update when users connect/disconnect

🧑‍💻 User Management

• Secure authentication using JWT and Bcrypt
• Profile editing (name, bio, and profile picture)
• View user profiles in the chat panel

💌 Chat Interface

• Modern, responsive chat UI built with React and Tailwind CSS
• Sidebar for user list and active chat panel
• Dropdown menu for user profile options
• Smooth scrolling and message grouping

⚙️ Backend

• Built with Express.js and MongoDB using Mongoose
• RESTful API routes for users, messages, and authentication
• Real-time updates using Socket.IO on the backend

---

🧩 Tech Stack

Frontend:

• React
• Tailwind CSS
• Axios
• Socket.IO Client

Backend:

• Node.js
• Express.js
• MongoDB (Mongoose)
• Socket.IO
• JWT for Authentication
• Bcrypt for Password Hashing
• Multer for File Uploads
• Cloudinary (for image storage)