💬 Suchale - Real-Time Chat Application

Suchale is a real-time messaging web application built using the MERN stack (MongoDB, Express, React, Node.js) with Socket.IO for instant communication between users.

🚀 Features

• 🔐 User Authentication (Signup/Login)
• 💬 Real-time 1-to-1 messaging with WebSockets (Socket.IO)
• 🟢 Online/offline user status
• 📜 Chat history stored in MongoDB
• 📱 Responsive UI using Tailwind CSS
• ⚙️ Backend API built with Express.js

🛠️ Tech Stack

Frontend:

• React.js
• Tailwind CSS
• Context API

Backend:

• Node.js
• Express.js
• MongoDB (with Mongoose)
• Socket.IO
• JWT for authentication

📦 Installation

Prerequisites

• Node.js & npm
• MongoDB (local or cloud like MongoDB Atlas)

Backend ENV sample

PORT =
MongoDb_URI = 
Frontend_URL = 
jwt_Secret = 
CLOUDINARY_CLOUD_NAME=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=

Frontend ENV sample

VITE_URL = 
VITE_Socket_URL =

1) Login Page

2) Home Page

3) User Chat

4) Image Viewer

5) Settings Page

Clone the repository

git clone https://github.com/kush34/Suchale.git
cd Suchale

Backend Setup

cd backend
npm install
npx run dev

Frontend Setup

cd frontend
npm install
npm run dev

Visit http://localhost:5173 to view the app.

🌐 Live Demo

Try it live 👉 https://suchale.vercel.app

📁 Project Structure

Suchale/
├── backend/    # Node + Express API + Socket.IO server
|   └── config
│   ├── models/
│   └── controllers/
│   ├── routes/
|   └── utils/
├── frontend/src/   # React frontend
│   ├── Components/
│   ├── Store/
│   └── pages/
|   └── utils

✅ Todo / Future Improvements

• ✅ Add emojis and typing indicators
• ✅ Improve mobile responsiveness
• ✅ Add group chat functionality
• ⏳ Message read receipts
• ⏳ Deployment with Docker

📃 License

This project is open-source under the MIT License. Feel free to use and modify!