React Firebase Chat App

A React-based chat application using Firebase for real-time communication.

Description

This project is built using React and Vite, providing a modern and efficient development environment. It implements real-time chat functionality using Firebase as the backend service. It acts as a great start point for beginners to follow along using the documentation.

Technologies Used

• React
• Vite
• Firebase
• Other technologies...

Features

• Real-time Messaging: Send and receive messages instantly.
• User Authentication: Secure login and registration using Firebase Authentication.
• File Sharing: Upload and share files within the chat.
• User Presence: See who is online and when users were last active.
• Message Reactions: React to messages with emojis.
• User Blocking: Block users to prevent unwanted communication.
• Group Chats: Create and manage group conversations.

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn
• Firebase account

Installation

1. Clone the repository

   git clone https://github.com/Emir2099/CustomChatApp.git

2. Install dependencies

   cd react-firebase-chat
   npm install
   # or
   yarn install

3. Create a .env file in the root directory and add your Firebase configuration:

   VITE_FIREBASE_API_KEY=your_api_key
   VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain
   VITE_FIREBASE_PROJECT_ID=your_project_id
   VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket
   VITE_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
   VITE_FIREBASE_APP_ID=your_app_id

4. Start the development server

   npm run dev
   # or
   yarn dev

Documentation

For detailed documentation on how to use and contribute to this project, please visit the Documentation page.