Skip to content

Abhinav7903/ChatApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ChatApp - React App with Firebase

Overview

ChatApp is a real-time chat application built using React and Firebase. It provides users with a seamless and responsive chat experience, allowing them to communicate with each other in real-time.

Features

  • Real-time Messaging: ChatApp uses Firebase Realtime Database to enable instant messaging between users.
  • User Authentication: Firebase Authentication is implemented to securely authenticate and manage user accounts.
  • Responsive Design: The app is designed to work seamlessly across various devices and screen sizes.
  • Intuitive UI: The user interface is designed to be user-friendly and intuitive, making it easy for users to navigate and use the application.
  • Emoji Support: Users can express themselves using a variety of emojis available within the application.

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/ChatApp.git
  2. Change into the project directory:

    cd ChatApp
  3. Install dependencies:

    npm install
  4. Create a Firebase project and obtain the necessary configuration keys.

  5. Get your firebase file in the root directory of the project and add your Firebase configuration:

  6. Start the application:

    npm start

    The application should now be running on http://localhost:3000.

Firebase Setup

  1. Create a Firebase project on the Firebase Console.

  2. Enable the Realtime Database in the Firebase Console.

  3. Set up Firebase Authentication with the desired sign-in methods.

  4. Obtain the Firebase configuration keys from the Firebase Console and add them to the .env file in the React App.

License

This project is licensed under the MIT License.