Chat App

🔗 Live Demo: Chat App

---

Made with ❤️ by Muhammad Rizwan

📌 Project Description

This is a real-time chat application built using React, Firebase Firestore and Ant Design. It allows users to send messages in real-time, and organize conversations based on the latest messages., and a user profile page for easy updates.

🌟 Key Features

💬 Real-time Messaging: Messages are sent and received instantly.

📜 Chat Sorting: Conversations are sorted based on the most recent message.

🖼️ User Avatars: Dynamic avatars generated for each user.

📊 User Profiles: Displays user details in a sidebar.

📌 Responsive UI: Built with Ant Design and Chatscope UI Kit.

🏷️ Last Message Preview: Displays the last message in the conversation list.

---

🚀 Tech Stack

Frontend: React, Ant Design, Chatscope UI Kit

Backend: Firebase Firestore

Authentication: Firebase Auth (Email Sign-in)

---

💻 Installation

 git clone https://github.com/riz-33/React-Chat-App.git
 cd react-chat-app
 npm install
 npm start

---

📷 Screenshots

---

🚀 Future Enhancements

Push Notifications for new messages 📩

Voice & Video Calls 🎥

Group Chat Support 👥

Read Receipts ✅

---

🤝 Contributing

Pull requests are welcome! If you have ideas for improvement, open an issue first to discuss.

---

💬 Feedback

If you have any feedback, please reach out via LinkedIn: Muhammad Rizwan

---

📜 License

This project is licensed under the MIT License.

---