https://github.com/aditya1or0/chat-app
This is a real-time chat application built with React.js and Firebase. Users can securely sign up and log in with Firebase Authentication. It supports real-time messaging, image sharing, and a friend search feature. Firebase Firestore is used for message storage, and Vercel is used for deployment.
https://github.com/aditya1or0/chat-app
chat-application chatapp firebase reactjs
Last synced: 3 months ago
JSON representation
This is a real-time chat application built with React.js and Firebase. Users can securely sign up and log in with Firebase Authentication. It supports real-time messaging, image sharing, and a friend search feature. Firebase Firestore is used for message storage, and Vercel is used for deployment.
- Host: GitHub
- URL: https://github.com/aditya1or0/chat-app
- Owner: Aditya1or0
- Created: 2024-11-03T07:37:42.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-20T19:07:31.000Z (over 1 year ago)
- Last Synced: 2025-03-27T13:17:15.521Z (over 1 year ago)
- Topics: chat-application, chatapp, firebase, reactjs
- Language: JavaScript
- Homepage: https://chat-app-nine-ruby.vercel.app
- Size: 12.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chat-App
A real-time chat application built with React.js and Firebase. This app allows users to securely log in, chat, send images, change profile pictures, set a bio, and search for friends, enhancing communication and user interaction.
## Features
- **Real-Time Messaging**: Users can send and receive messages in real-time.
- **Secure Authentication**: Implemented login and signup functionality with Firebase Authentication.
- **Profile Customization**: Users can update their profile pictures and bio.
- **Image Sharing**: Send images during conversations.
- **Friend Search**: Search and connect with other users.
## Tech Stack
- **Frontend**: React.js, Firebase (Authentication, Firestore, Storage)
- **Backend**: Firebase (Firestore for data storage)
- **Deployment**: Vercel
## Demo
You can try out the live application here: [Chat-App Demo](https://chat-app-nine-ruby.vercel.app/)
## Installation
### 1. Clone the repository
```bash
git clone https://github.com/Aditya1or0/Chat-App.git
cd Chat-App
```
### 2. Install dependencies
Run the following command to install the required dependencies:
```bash
npm install
```
### 3. Set up Firebase
- Create a Firebase project at [Firebase Console](https://console.firebase.google.com/).
- Set up Firebase Authentication, Firestore, and Firebase Storage.
- Add the Firebase configuration to your app:
In the `src/firebase.js` file, add your Firebase configuration object:
```js
import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';
import 'firebase/storage';
const firebaseConfig = {
apiKey: "YOUR_API_KEY",
authDomain: "YOUR_AUTH_DOMAIN",
projectId: "YOUR_PROJECT_ID",
storageBucket: "YOUR_STORAGE_BUCKET",
messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
appId: "YOUR_APP_ID"
};
const firebaseApp = firebase.initializeApp(firebaseConfig);
const db = firebaseApp.firestore();
const auth = firebaseApp.auth();
const storage = firebaseApp.storage();
export { db, auth, storage };
```
Make sure to replace the placeholders with your actual Firebase project details.
### 4. Run the app
Once the setup is complete, you can start the application by running:
```bash
npm start
```
## Contributing
If you'd like to contribute to this project, please fork the repository, create a new branch, and submit a pull request.
## License
This project is open-source and available under the MIT License.
## Acknowledgements
- **React.js**: For building the user interface.
- **Firebase**: For providing real-time database, storage, and authentication services.
- **Vercel**: For deployment.
---