A simple Superchat application built using React and Firebase. This app allows users to send and receive messages in real-time during a live stream, similar to YouTube's Superchat feature.

• Real-time Messaging: Messages appear instantly without the need for page refreshes.
• Firebase Authentication: Secure user authentication using Firebase.
• Firebase Firestore: Real-time database for storing and retrieving messages.
• Responsive Design: Fully responsive UI, optimized for both desktop and mobile devices.

1. Clone the repository:

   https://github.com/R1SH4BH81/SupChat.git
   cd SupChat

2. Install dependencies:

npm install

3 .Set up Firebase:

Create a Firebase project in the Firebase Console. Add your Firebase config to a .env file in the root directory:

REACT_APP_FIREBASE_API_KEY=your-api-key
REACT_APP_FIREBASE_AUTH_DOMAIN=your-auth-domain
REACT_APP_FIREBASE_PROJECT_ID=your-project-id
REACT_APP_FIREBASE_STORAGE_BUCKET=your-storage-bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id
REACT_APP_FIREBASE_APP_ID=your-app-id

npm start

The app will run on http://localhost:3000/.

Sign in using your Google account. Start chatting in real-time with other users.

React: Frontend library for building the user interface.

Firebase: Backend services for authentication and real-time database.

Tailwind CSS: For styling the application.

Contributions are welcome! Please submit a pull request or open an issue to discuss any changes.