Connect is a real-time chat application built using React and Firebase, designed to facilitate seamless communication and instant notifications between users. Whether you're connecting with friends, making new connections, or staying in touch with loved ones, Connect makes chat and notifications easy and engaging.

Objective The primary objective of Connect is to create a robust real-time chat and notifications feature, providing users with the ability to send and receive chat messages instantly. Additionally, users should receive notifications for new matches (talk requests) and incoming messages. We've divided the project into two main components: frontend and backend.

Features Frontend Real-Time Chat: Connect's Chat component allows users to send and receive real-time messages, ensuring smooth and instant communication.

Visually Appealing Interface: We've designed an aesthetically pleasing chat interface that aligns with the app's theme, ensuring an engaging user experience.

React-Powered Real-Time Updates: Leveraging React, Connect handles real-time message updates seamlessly, thanks to its integration with Firebase.

User-Friendly Chat Initiation: Initiating new chat conversations is a breeze, promoting user engagement and interaction.

Engaging Notifications: Chatty delivers clear and engaging notifications to keep users informed about new matches and messages.

Backend (Firebase)

Firebase Firestore: We've set up Firebase Firestore to store chat messages, user data, and notifications securely.

Real-Time Triggers: Implementing real-time triggers, Connect pushes notifications instantly to users, ensuring they stay up-to-date with new matches and messages.

Getting Started

Follow these steps to get started with Chatty:

1. Clone this repository to your local machine.

2. Install the necessary dependencies by running npm install in the project directory.

3. Configure your Firebase project and update the Firebase configuration in the app.

4. Start the development server using npm start.

5. Explore and customize the Connect app to meet your requirements.

Technologies Used

Chatty is built using the following technologies:

• React: A JavaScript library for building user interfaces.

• Firebase Firestore: A NoSQL cloud database for storing chat messages and user data.

• Firebase Realtime Database: For handling real-time triggers and notifications.

Contributing

We welcome contributions from the open-source community to make Chatty even better. If you'd like to contribute, please follow our contribution guidelines.