Chat_App

This project is a fully functional chat application built using React, Firebase, and CSS. The app allows real-time messaging, photo sharing, and user management with block/unblock features. It's designed with a modern, responsive user interface for an optimal experience across various devices.

Features

• Real-Time Messaging: Send and receive messages instantly using Firebase's real-time database.
• Photo Sharing: Share photos directly in chat conversations.
• Block/Unblock Functionality: Users can block and unblock each other within the app.
• User Authentication: Sign in using Firebase authentication.
• Responsive Design: Optimized for both desktop and mobile devices.

Installation

1. Clone the repository:

   git clone https://github.com/JustJ01/Chat_App.git

2. Navigate to the project directory:

   cd Chat_App

3. Install the required dependencies:

   npm install

4. Set up Firebase:

   • Create a .env file in the root directory.
   • Add your Firebase configuration information (refer to the .env.sample file for the required fields).

5. Start the application:

   npm run dev

Usage

• Real-Time Chat: Log in with your credentials to start chatting with other users in real time.
• Share Photos: Upload and share images directly in the chat.
• Block Users: You can block or unblock users to manage your privacy.
• Sign Out: Use the "Logout" button to safely sign out of your account.

Project URL

Visit the live project here: Chat_App Live

Project Images

Acknowledgements

• Firebase for real-time database and authentication.
• React for front-end development.
• CSS for the responsive UI.