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.
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.
- Mobile friendly.
- Real-time messaging.
- Google authentication.
- Easy to use interface.
- Ability to delete your own messages.
- Node.js and npm installed on your machine.
- A Firebase project set up for authentication and Firestore.
-
Create a Firebase Project:
- Go to the Firebase Console.
- Click on "Add Project" and follow the steps to create a new project.
-
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).
-
Initialize Firebase:
- Replace the Firebase configuration in
src/FirebaseConfigTemplate.jsxwith your project's configuration and rename the file toFirebaseConfig.jsx.
- Replace the Firebase configuration in
-
Clone the repository:
git clone https://github.com/your-username/rac-rachat.git.cd rac-rachat.
-
Install dependencies:
npm install.npm install firebase.npm install uuid.npm install date-fns.
-
Start the application:
npm start
This project is licensed under the MIT License. See the License file for more details.