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.

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:

git clone https://github.com/pradeish29/Chatter-Box.git

2. Navigate into the project directory:

cd Chatter-Box

3. Install dependencies:

npm install

4.Start the development server:

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.