💬 React+Firebase Chat 🚀

Stay connected. Simplify communication. All powered by React and Firebase.

🌟 Features You’ll Love

• 🔥 Seamless Real-time Chat: Powered by Firebase’s lightning-fast database.
• 🌈 Light and Dark Mode: Switch themes with a single click!
• 🎉 Media Sharing: Share images and files effortlessly.
• 🔒 Secure Conversations: Enjoy end-to-end encrypted communication for peace of mind.
• 👥 Group Chat Support: Connect with friends, family, or colleagues all at once.
• 🎞 Linkedin Video: https://www.linkedin.com/posts/sukrit-chopra-5923a9215_reactjs-chatapp-firebase-activity-7285317317276712961-sZSi?utm_source=share&utm_medium=member_desktop&rcm=ACoAADZXXf4B6vuphveugSyfCD6ROy8TUfqxlng

---

🖼️ Sneak Peek

Switch between dark and light themes with ease!
Modern, intuitive design for seamless chatting!

⚙️ Tech Stack

• Frontend: React + Material-UI
• Backend: Firebase Firestore & Authentication
• Real-time Updates: Firebase Realtime Database
• Deployment: Firebase Hosting

---

🚀 Getting Started

1️⃣ Clone the Repository

git clone https://github.com/yourusername/Chat_App_React.git

2️⃣ Install Dependencies

cd Chat_App_React
npm install  

3️⃣ Set up Firebase

1. Go to Firebase Console.

2. Create a project, and configure Firestore and Authentication.

3. Add your Firebase config details to a .env file:

   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-id
   REACT_APP_FIREBASE_APP_ID=your-app-id

4️⃣ Run the App

npm start

---

💡 Why React+Firebase Chat?

This app combines the powerful features of React with Firebase’s real-time capabilities, making it fast, secure, and scalable. Perfect for teams, social circles, or just casual chatting with friends!

---

❤️ Contribute

We’d love to have you onboard! Open issues, suggest features, or submit PRs.

---

Author- Sukrit

---

Let’s connect the world, one chat at a time! ✨