Real-Time Chat Application

This project is a Real-Time Chat Application built using MERN STACK to facilitate seamless communication. The application supports multiple users, real-time messaging, and delivers a clean and responsive user interface.

---

Live Demo

   https://real-time-chat-application-kp6g.onrender.com

   https://real-time-chat-application-kp6g.onrender.com/

Features

• Real-Time Messaging: Instant updates using WebSocket or similar technologies.
• Multi-User Support: Handles multiple users simultaneously.
• Responsive UI: Optimized for desktop and mobile devices.
• Secure: Basic user authentication and data security.
• Theme change: 32 different theme can be used like(dark, light, cupcake)
• Scalable: Designed to support a growing user base.

---

Tech Stack

• Frontend: React.js,Tailwind css, Daisy UI, Lucid react, zustand, redux, router, toaster .
• Backend: Node.js with Express.js and socket.io
• Database: MongoDB for storing user and message data
• Real-Time Communication: Socket.IO (or WebSocket)
• Deployment: (e.g., Vercel, Netlify for frontend, and render for backend)

---

Installation Guide

Prerequisites

Ensure you have the following installed on your system:

• Node.js (v16 or above recommended)
• MongoDB (Local or Cloud Atlas)
• Git

Steps to Set Up

1. Clone the Repository

   git clone <repository-link>
   cd real-time-chat-app

2. Install Dependencies Navigate to the frontend and backend directories and install dependencies:

   # Backend setup
   cd backend
   npm install
   
   # Frontend setup
   cd ../frontend
   npm install

3. Set Up Environment Variables Create a .env file in the backend directory with the following keys:

   MONGODB_URI = 
   PORT = 5001
   JWT_SECRET = GijdhXZSjNwogLRv
   CLOUDINARY_CLOUD_NAME =
   CLOUDINARY_API_KEY= 
   CLOUDINARY_API_SECRET =
   
   
   

4. Run the Application Open two terminals:

   • In one terminal, start the backend server:

     cd backend
     npm start

   • In the other terminal, start the frontend server:

     cd frontend
     npm start

5. Access the Application Open your browser and navigate to http://localhost:5173.

---

Usage Instructions

1. Sign Up / Log In: Create an account or log in to an existing one or fake account.
2. Start a Chat: Search for other users and initiate a chat.
3. Send Messages: Exchange messages in real-time.
4. ** NOTE** : Authentication is not required , just use fake account example- hululu@email.com , pass- 123456;

---

Live Demo

   https://real-time-chat-application-kp6g.onrender.com

---