This is a real-time web-based chat application built using React for the frontend and Firebase for the backend services. The application uses Firebase Authentication, Firestore for storing user information, Firebase Storage for storing display pictures, and Firebase Realtime Database for sending and receiving messages in real time.
- Frontend: React
- Backend: Firebase (Authentication, Firestore, Storage, Realtime Database)
- Deployment: Vercel
- Real-time messaging
- User authentication
- Profile picture storage
- User information storage
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
- Node.js and npm installed on your machine
- A Firebase account### Installation
-
Clone the repo:
git clone https://github.com/your_username_/Project-Name.git -
Install Dependencies
npm install -
Create a Firebase project and add your Firebase configuration to a
.envfile in the root of your project
VITE_API_KEY=your_api_key
VITE_AUTH_DOMAIN=your_auth_domain
VITE_PROJECT_ID=your_project_id
VITE_STORAGE_BUCKET=your_storage_bucket VITE_MESSAGING_SENDER_ID=your_messaging_sender_id
VITE_APP_ID=your_app_id
VITE_MEASUREMENT_ID=your_measurment_id
VITE_DATABASE_URL=your_database_url
- Start the development server
npm run dev
The application is deployed on Vercel, which makes the building and deployment process easy.
Deployment link: https://chata-chat.vercel.app
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated..
- Fork the project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature)
Distributed under the MIT License.
Md. Ayan - siddalmas21@gmail.com