A modern Chat UI built using React, HTML, CSS, and JSX with a sleek messaging interface inspired by apps like WhatsApp & Telegram.

👉 4-sem-charul-mdm-ta-1.vercel.app

✔ Real-time style chat UI ✔ Left sidebar with chat list ✔ Right chat screen with messages ✔ Auto-scroll (unlimited messages) ✔ Emoji support 😊 ✔ Auto-reply bot 🤖 ✔ Clean responsive design ✔ Works on mobile + desktop

• React (Vite)
• HTML5
• CSS3
• JavaScript (ES6)

chat-spa/
│── src/
│   │── components/
│   │   ├── ChatList.jsx
│   │   ├── ChatWindow.jsx
│   │   ├── Message.jsx
│   │   ├── EmojiPicker.jsx
│   │
│   │── App.jsx
│   │── main.jsx
│   │── styles.css
│
│── index.html
│── package.json
│── vite.config.js
│── README.md

This project is deployed using Vercel.

To deploy:

1. Upload project to GitHub
2. Connect GitHub to Vercel
3. Click Deploy

• 🔥 Firebase real-time chat
• 🔐 Google Authentication
• 📷 Image sending
• 🟢 Online/Offline status
• ✍ Typing indicator
• 📱 Convert to Android APK

Charul Bhanarkar

If you like this project, give it a ⭐ on GitHub!