Skip to content

RasmusAChr/RaChat

Repository files navigation

RaChat

RaChat is a simple, mobile-friendly chat application built using React and Firebase. This project allows users to sign in with Google, send and receive messages in real-time, and delete their own messages.

You can watch a live demo of this here.

Table of Contents

Introduction

RaChat is a responsive web application designed to support real-time communication. Users can sign in using their Google accounts, participate in the chat room, and manage their messages. The application uses Firebase for authentication, database, and hosting services.

Features

  • Mobile friendly.
  • Real-time messaging.
  • Google authentication.
  • Easy to use interface.
  • Ability to delete your own messages.

Requirements

  • Node.js and npm installed on your machine.
  • A Firebase project set up for authentication and Firestore.

Setup

Firebase Configuration

  1. Create a Firebase Project:

    • Go to the Firebase Console.
    • Click on "Add Project" and follow the steps to create a new project.
  2. Add Firebase to your app:

    • In the Firebase Console, add a new web app to your project.
    • Copy the Firebase configuration details provided (apiKey, authDomain, projectId, etc).
  3. Initialize Firebase:

    • Replace the Firebase configuration in src/FirebaseConfigTemplate.jsx with your project's configuration and rename the file to FirebaseConfig.jsx.

Running the Application

  1. Clone the repository:

    • git clone https://github.com/your-username/rac-rachat.git.
    • cd rac-rachat.
  2. Install dependencies:

    • npm install.
    • npm install firebase.
    • npm install uuid.
    • npm install date-fns.
  3. Start the application:

    • npm start

License

This project is licensed under the MIT License. See the License file for more details.

About

Chat application made with React and Firebase

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors