Skip to content

This chat application built with React.js and Firebase allows real-time messaging and communication between users.

Notifications You must be signed in to change notification settings

shahsuvarli/chat-centre

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💬 Chat Centre: A chat application built using ReactJS and Firebase.

Description

This chat application was developed using ReactJS and Firebase technologies. The application allows users to create a profile, log in, and start a chat to communicate with other users in real-time. Users can send text messages, emojis, and images, and can also view a history of their chat conversations.

The application is built with a responsive design, making it accessible on a variety of devices, including desktop and mobile. It features a sleek and modern interface that is easy to navigate and use.

Under the hood, the application is powered by Firebase Realtime Database, which allows for real-time syncing of chat messages and user information. This enables users to see new messages as they are sent without the need for page refreshes or manual updates. Firebase Authentication is used to securely manage user authentication and authorization, ensuring that only authorized users can access the application and its features.

Overall, this chat application provides a simple and intuitive way for users to connect and communicate with each other in real-time, while utilizing the latest web technologies to ensure a seamless and enjoyable user experience.

Technologies Used

🔥 ReactJS

🔒 Firebase Authentication

☁️ Firebase Cloud Firestore

🧰 Redux-Toolkit

🎨 Material UI

🌐 Netlify Hosting

Features

  • User authentication with Firebase Authentication
  • Real-time chat messages using Firebase Cloud Firestore

Installation

  1. Clone the repository.
  2. Install dependencies by running npm install in the project directory.
  3. Start the application by running npm start in the project directory.

Usage

  1. Create a new account or log in with an existing account.
  2. Click on an existing chat or create a new chat.
  3. Send and receive real-time chat messages with other users.

Credits

This is a demo version of the project I built for my client

License

This project is licensed under the MIT License.

About

This chat application built with React.js and Firebase allows real-time messaging and communication between users.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published