Group Chat Application

Welcome to the Group Chat Application repository! This project is a real-time chat application that supports seamless group communication. Experience a sleek and responsive interface built for user-friendly interactions.

---

Live Demo

🚀 View the live application here

---

Features

• 🌐 Real-time Messaging: Send and receive messages instantly with WebSocket technology.
• 💬 Group Chat: Chat with multiple users in a shared group.
• 🔒 Secure Authentication: Google Sign-In for secure user login.
• 🎨 Theme Toggle: Switch between light and dark modes for personalized user experience.
• 📱 Responsive Design: Optimized for both desktop and mobile devices.

---

Technologies Used

• Frontend: React.js, HTML, CSS
• Backend: Firebase (Authentication & Real-time Database)
• Hosting: Vercel

---

Getting Started

Prerequisites

Ensure you have the following installed on your system:

• Node.js (v14 or later)
• npm or yarn

Installation

1. Clone this repository:

   git clone https://github.com/aadisharma49s-projects/group-chat-app.git

2. Navigate to the project directory:

   cd group-chat-app

3. Install dependencies:

   npm install
   # or
   yarn install

4. Create a .env file in the root directory and configure Firebase credentials:

   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

5. Start the development server:

   npm start
   # or
   yarn start

6. Open http://localhost:3000 in your browser to view the app.

---

Usage

1. Visit the live demo.
2. Sign in with Google to access the app.
3. Enter a room name to start a group chat.
4. Begin chatting in real time with others in the room.

---

Contributing

Contributions are welcome! Follow these steps to contribute:

1. Fork this repository.

2. Create a new branch:

   git checkout -b feature/your-feature-name

3. Make your changes and commit them:

   git commit -m "Add your message here"

4. Push to your forked repository:

   git push origin feature/your-feature-name

5. Create a Pull Request on the main repository.

---

Credits

Special thanks to PedroTech for his amazing tutorials that helped in building this project.

---

License

This project is licensed under the MIT License.

---

Acknowledgements

• Special thanks to Firebase and Vercel for providing the tools to bring this project to life.
• Inspired by real-time communication needs and modern UI design trends.

---

Happy Coding! 🎉