Real-Time Chat App with React (Vite) and Firebase

A brief description of This is a real-time chat application built with React (Vite) and Firebase. It allows users to chat in real-time, manage their accounts, and interact with contacts.

Screenshots

Demo

You can access the live demo of this app here.
Test Users

• Email : test1@user.com, Password : Pass@123
• Email : test2@user.com, Password : Pass@123
• Email : test3@user.com, Password : Pass@123
• Email : test4@user.com, Password : Pass@123

Features

• User Authentication: Users can sign in and sign up using their email or Google accounts.
• Account Management: Users can manage their account details, including their phone number, name, username, about, and profile picture.
• Contact Requests: Users can send contact requests to other accounts to add them as their contacts.
• Real-Time Messaging: Users can chat with their contacts in real-time, making it easy to stay connected.

Tech Stack

• React (Vite): The front-end of the app is built using React with Vite as the build tool, providing a fast and efficient development experience.

• Firebase: Firebase is used for user authentication, real-time database, and storage. It offers a scalable and reliable backend for the application.

• Vercel: The app is deployed on Vercel, making it accessible to users online.

Getting Started

To run this app locally, follow these steps:

1. Clone this repository:

   git clone https://github.com/ad1tyaSharma/chatApp

2. Navigate to the project directory:

   cd chatApp

3. Install the dependencies:

   npm install

4. Create a Firebase project and configure it. Update the Firebase configuration in the src/firebase.js file.

5. Start the development server:

   npm run dev

6. Open your browser and visit http://localhost:5173 to see the app in action.

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue on the GitHub repository.