🚀 Real-Time Chat App

A full-stack real-time chat application built with MERN Stack, Socket.io, TailwindCSS, and Daisy UI. Deployed - WebChat

🔥 Features

• Authentication & Authorization with JWT
• Real-time messaging using Socket.io
• Live online user status tracking
• Global state management with Zustand
• Cloudinary integration for media storage
• Error handling on both client & server
• Optimized build & free deployment

🛠️ Installation & Setup

Clone the Repository

git clone https://github.com/Harshit-Maurya838/WebChat.git
cd WebChat

🔑 Environment Variables

Create a .env file in the server directory and add the following:

MONGODB_URI=your_mongodb_connection_string
PORT=8000
JWT_SECRET=your_jwt_secret

CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
CLOUDINARY_API_KEY=your_cloudinary_api_key
CLOUDINARY_API_SECRET=your_cloudinary_api_secret

NODE_ENV=development

🚀 Running the Project

Backend

npm start  

Frontend

npm run dev  

📦 Build & Deployment

Build the Frontend

npm run build

Start the Server

npm start

📸 UI Preview

📝 Feedback & Contributions

This project was a great learning experience, and I’d love to hear your thoughts! Feel free to share feedback on the UI and overall experience. 🚀