Realtime Chat App

This is a Realtime Chat Application built with React and Firebase. It allows users to create an account, log in and start chatting with other users in real time.

Features

• User authentication with email and password or Google sign-in.
• Realtime chat with other authenticated users.
• Ability to send and receive messages in real time.
• Responsive design for use on desktop and mobile devices.
• User can see when other users are online or offline.
• Clean and simple user interface.

Installation

1. Clone this repository to your local machine.
2. Install the dependencies using npm install.
3. Create a Firebase account and a new project.
4. Go to the Firebase console and create a new Web App.
5. Copy the Firebase configuration details and add them to your project.
6. Enable email and password authentication and Google authentication in your Firebase project.
7. Create a firebase.js file in the config folder and export the Firebase configuration details as shown below:

javascript

Copy code

import { initializeApp } from 'firebase/app';

import { getFirestore } from 'firebase/firestore';

import { getAuth } from 'firebase/auth';

const firebaseConfig = { // Add your Firebase configuration details here };

const app = initializeApp(firebaseConfig);

const db = getFirestore(app);

const auth = getAuth(app);

export { db, auth };

8. Start the application using npm start.

Usage

• Navigate to the login page to create an account or log in using an existing account.
• Once logged in, the user will be directed to the chat room where they can start sending and receiving messages in real time.
• Click on the "Logout" button to log out of the application.

Technologies Used

• React
• Firebase Authentication
• Firebase Realtime Database
• Tailwind CSS

Screenshot: