https://github.com/pradeish29/chatter-box
Chat app using React js and Firebase Firestore as backend
https://github.com/pradeish29/chatter-box
chatapp firebase firestore react whatsapp-clone
Last synced: 3 months ago
JSON representation
Chat app using React js and Firebase Firestore as backend
- Host: GitHub
- URL: https://github.com/pradeish29/chatter-box
- Owner: pradeish29
- Created: 2024-05-26T07:14:51.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-23T04:59:26.000Z (almost 2 years ago)
- Last Synced: 2025-06-04T02:16:47.063Z (about 1 year ago)
- Topics: chatapp, firebase, firestore, react, whatsapp-clone
- Language: JavaScript
- Homepage: https://pradeish29.github.io/Chatter-Box/
- Size: 5.48 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chatter-Box
## Description
ChatApp is a React-based chat application that allows users to communicate in real-time. It provides features such as emoji support,images sharing, message notifications, and more.
## Live Demo
You can access the live demo of ChatApp [here](https://pradeish29.github.io/Chatter-Box).
## Technologies Used
- React
- Firebase (for real-time database and authentication)
- React Router DOM
- Zustand (for state management)
- FontAwesome (for icons)
- Date-fns (for date formatting)
- Emoji-picker-react (for emoji support)
- React-toastify (for toast notifications)
- Testing Library (for testing)
- Web Vitals (for performance measurement)
## Installation
To run this project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/pradeish29/Chatter-Box.git
```
2. Navigate into the project directory:
```bash
cd Chatter-Box
```
3. Install dependencies:
```bash
npm install
```
4.Start the development server:
```bash
npm start
```
Open your browser and visit `http://localhost:3000` to view the app.
Usage
- Sign up or log in to start using the chat application.
- Choose a chat room or create a new one.
- Start sending messages to communicate with other users in real-time.
- Use emojis to express yourself better.
- Send and Receive messages as images.
- Block and Unblock users and they cant message you.
## Contributing
Contributions are welcome! Please feel free to submit a pull request or open an issue if you encounter any problems or have suggestions for improvements.
## License
This project is licensed under the MIT License.