Skip to content

a simple chat application built using React, Firebase, and Tailwind CSS. Users can log in and chat with each other in real-time.

Notifications You must be signed in to change notification settings

sujanthapa01/Chatme

Repository files navigation

CHAT ME

This is a simple chat application built using React, Firebase, and Tailwind CSS. Users can log in and chat with each other in real-time.

Features

  • User Authentication: Users can sign up or log in using their email and password.
  • Real-time Chat: Chat messages are updated in real-time using Firebase's real-time database.
  • Responsive Design: The app is designed to work seamlessly on different screen sizes using Tailwind CSS.

Technologies Used

  • React
  • Firebase (Authentication, Realtime Database)
  • Tailwind CSS

1. Getting Started

To run this application locally, follow these steps:

git clone https://github.com/sujanthapa01/Chatme.git
cd Chatme
npm install
npm run dev

2. Set up Firebase:

  • Create a Firebase project on the Firebase Console.
  • Enable Authentication and Realtime Database.
  • Copy your Firebase configuration keys.
  • Create a .env file in the root directory of the project and add your Firebase configuration keys:
REACT_APP_FIREBASE_API_KEY=<your-api-key>
REACT_APP_FIREBASE_AUTH_DOMAIN=<your-auth-domain>
REACT_APP_FIREBASE_PROJECT_ID=<your-project-id>
REACT_APP_FIREBASE_STORAGE_BUCKET=<your-storage-bucket>
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=<your-messaging-sender-id>
REACT_APP_FIREBASE_APP_ID=<your-app-id>

3. Run the application:

npm run dev

Contributing

Contributions are welcome! Feel free to submit pull requests or open issues for any features or bug fixes.

About

a simple chat application built using React, Firebase, and Tailwind CSS. Users can log in and chat with each other in real-time.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published