VibeChat is a lightweight real-time group chat app built with React and Firebase. It supports nickname-based entry, real-time messaging, and live typing indicators — making it perfect for simple, instant conversations.

🚀 Features 🔐 Anonymous Login — Join using a nickname

💬 Real-Time Chat — Instant message updates with Firebase Firestore

✍️ Typing Indicator — Know when others are typing

⚛️ React Hooks — Functional components with hooks

☁️ Firebase Hosted — Live & always online

📱 Responsive Design — Works across all devices

🌐 Live Demo ▶️ Try it now: https://chat-app-afee8.web.app/

🧑‍💻 Tech Stack Frontend Backend / DB Auth Hosting React.js Firebase DB Firebase (Anonymous) Firebase Hosting

🔧 Installation & Setup

1. Clone the repository bash Copy Edit git clone https://github.com/ugec67/chat-app.git cd chat-app

2. Install dependencies bash Copy Edit npm install

3. Add your Firebase config Replace the config inside firebaseConfig.js:

js Copy Edit const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_DOMAIN", projectId: "YOUR_PROJECT_ID", ... };

4. Start the development server bash Copy Edit npm start

📂 Folder Structure (Simplified) csharp Copy Edit ├── src/ │ ├── App.js # Root component │ ├── Main.js # Chat functionality │ ├── firebaseConfig.js # Firebase credentials │ └── styles.css # Styling ├── public/ │ └── index.html └── package.json

🤝 Contributing Pull requests are welcome. For major changes, open an issue first to discuss your ideas.

📬 Contact 📧 Email: digraskarreva288@gmail.com

🐙 GitHub: https://github.com/ugec67

💼 LinkedIn: https://www.linkedin.com/in/reva-digraskar-59b309289

📜 License This project is open-source and available under the MIT License.