/chat-app

Primary LanguageJavaScript

Chat App

An easy-to-use two-user chat application created using React, Firebase, and styled with Chakra UI. This application enables two users to exchange messages in real-time.

Website Live : Link

Tech Stack

  • React
  • JavaScript
  • Firebase (Firestore for real-time database, Firebase Authentication for user authentication)
  • Chakra UI (for styling and UI components)

Features

  • User authentication using Firebase Authentication
  • Real-time messaging functionality using Firebase Firestore
  • Smooth and responsive UI design with Chakra UI components

Installation

  1. Clone the repository:

    git clone https://github.com/Debasish121/chat-app.git

  2. Navigate to the project directory:

      cd chat-app

  3. Install dependencies:

    npm install

  4. Set up Firebase:

    i. Create a Firebase project at Firebase Console
ii. Obtain your Firebase configuration keys for the project
iii. Replace the Firebase configuration in the project's Firebase initialization file (firebase.js or similar)

  5. Start the application:

    npm start

Usage

  1. Sign in using your Google account.
  2. Enter the chat room and start sending messages.
  3. Messages will be displayed in real-time for both users.