---

💬 Chat Application

Overview

This chat application provides seamless communication with real-time messaging, group chats, and enhanced security features. It's built to deliver a user-friendly experience while ensuring data privacy and protection.

---

✨ Features

• 🔄 Real-time messaging
• 👥 User-friendly interface
• 💬 Group chats
• 🔒 End-to-end encryption
• ✅ Secure login with JWT (JSON Web Tokens)
• 🗄️ Database management with MongoDB

---

🖼️ Screenshots

---

📖 Installation Guide

Requirements

• ⚛️ Frontend: React.js
• 🌐 Backend: Node.js with Express.js
• 🗄️ Database: MongoDB
• 🔐 Security: JWT for authentication and encryption mechanisms

---

Steps to Run

1. Clone the Repository

git clone https://github.com/Shaswatchoudhary/Chat_application  

2. Navigate to the Project Folder

cd [project-folder]  

3. Install Dependencies

For Backend:
Navigate to the backend folder and install dependencies:

cd backend  
npm install  

For Frontend:
Navigate to the frontend folder and install dependencies:

cd frontend  
npm install  

4. Set Up Environment Variables

Create a .env file in the backend folder with the following:

MONGO_URI=your_mongodb_connection_string  
JWT_SECRET=your_jwt_secret_key  
PORT=5000  

5. Start the Application

Start Backend:

cd backend  
npm start  

Start Frontend:

cd frontend  
npm start  

6. Access the Application

Open your browser and visit:

http://localhost:3000  

---

💾 How to Save Data

All messages and user information are stored securely in a MongoDB database.

✏️ How to Make Changes

1. Modify the React files in the /frontend/src folder for UI changes.
2. Modify backend files in the /backend folder for API or server changes.
3. After making changes, push them to your repository:

   git add .  
   git commit -m "Your commit message"  
   git push origin main  

---

🔗 Links

• 🌐 Application Demo: Live App
• 📂 GitHub Repository: GitHub Repo
• 📌 Portfolio/LinkedIn:
  • 🔗 LinkedIn: Shaswat Choudhary
  • 🔗 GitHub: Shaswat's GitHub
  • 🔗 Portfolio: Shaswat's Portfolio

---

🤝 Contributors

• Shaswat Choudhary

---

💬 Feedback

We’d love to hear your feedback! Reach out to us on LinkedIn, email, or other contact methods.

---