💬 ChatUp : Realtime Chatting Application (Live Link)

A real-time chat application built using the MERN stack (MongoDB, Express.js, React, Node.js) with socket.io for seamless communication. This app allows users to register, log in, create private or group chats, and communicate in real-time.

---

🚀 Features

• 💬 Real-time messaging using Socket.io
• 🔐 JWT-based Authentication & Authorization
• 👥 One-on-One and Group Chats
• 🔍 User Search to start conversations
• 📱 Fully responsive UI
• 🌙 30+ Theme to choose from including Light/Dark

---

🖼️ Screenshots

🔐 Login Page

💬 Chat Interface

💬 Theme Options Setting

---

🛠️ Tech Stack

Frontend:

• React.js
• Axios
• React Context API
• Dasiy UI / Tailwind CSS

Backend:

• Node.js
• Express.js
• MongoDB + Mongoose
• Socket.io
• JSON Web Token (JWT)
• Bcrypt
• Cloudinary

---

⚙️ Getting Started

Prerequisites

• Node.js
• MongoDB
• npm or yarn

🔧 Installation

1. Clone the repository

git clone https://github.com/aazaadcoder/chatUp.git
cd chatUp

2. Set up the backend

cd backend
npm install
# Create a .env file (refer to .env.example)
npm run dev

3. Set up the frontend

cd ../frontend
npm install
npm run dev

📝 Environment Variables

Create a .env file in the backend directory:

MONGODB_URI = 
PORT = 5001
JWT_SECRET = 
NODE_ENV = development
CLOUDINARY_CLOUD_NAME =
CLOUDINARY_API_KEY = 
CLOUDINARY_API_SECRET =

---

📁 Folder Structure

🛠️ Future Improvements

• File sharing
• Message reactions and replies
• Voice and video calls
• Read receipts
• Enhanced group chat features
• Push notifications

📬 Contact

Made with ❤️ by Harshit Negi

• 📧 Email: [email protected]
• 🔗 LinkedIn: https://www.linkedin.com/in/negiharshit/
• 🐙 GitHub: https://github.com/aazaadcoder

---