📌 Real-Time Chat Application

Chat.application.mp4

🚀 Overview

Welcome to the Real-Time Chat Application, a modern and interactive chat app built with the MERN stack (MongoDB, Express, React, Node.js) and powered by Socket.io for instant messaging. Stay connected with friends, colleagues, or teams in real time with a smooth and secure chatting experience.

---

🌟 Features

✅ Real-Time Messaging – Instant chat powered by Socket.io 🔥
✅ User Authentication – Secure login/signup with JWT authentication 🔒
✅ One-on-One Chats – Private messaging between users 💬
✅ Group Chats – Create and manage group conversations 👥
✅ Real-Time Notifications – Get instant alerts for new messages 🔔
✅ Online Users Tracking – See who’s active in real time 👀
✅ Modern UI – Fully responsive and clean design with Tailwind CSS 🎨
✅ MongoDB Storage – Efficient database management for users & messages 🗄️

---

🛠️ Tech Stack

• Frontend: React.js, Tailwind CSS 🎨
• Backend: Node.js, Express.js 🚀
• Database: MongoDB 📦
• Real-Time Communication: Socket.io 🔗
• Authentication: JWT (JSON Web Token) 🔐

---

📸 Screenshots

👤 Online Users

View active users in real time with Socket.io.

👋 No Conversations Yet? Say Hi!

💬 Chat Interface

Enjoy smooth real-time messaging.

---

⚙️ Installation & Setup

Follow these steps to set up the project locally:

1️⃣ Clone the repository:

git clone https://github.com/sujit-patel/Real-Time-Chat.git

2️⃣ Install dependencies for backend:

cd backend
npm install

3️⃣ Install dependencies for frontend:

cd ../frontend
npm install

4️⃣ Run the backend server:

npm start

5️⃣ Run the frontend:

npm run dev

6️⃣ Start chatting! 🎉

---

🤝 Contributing

Want to improve this project? Feel free to fork, contribute, or submit issues! All contributions are welcome. 💡

---

🔗 Connect with Me

🔗 GitHub Repository: Real-Time Chat
📩 Let’s collaborate and make real-time communication even better! 🚀

---

#MERN #ReactJS #NodeJS #SocketIO #ChatApp #RealTime #WebDevelopment #OpenSource