---

🎵 Realtime Spotify Application ✨

A full-stack Realtime Spotify-style music streaming application with admin controls, live chat, analytics, and real-time user activity tracking.

---

🚀 Features

• 🎸 Play music with next / previous controls
• 🔊 Volume slider for smooth audio control
• 🎧 Admin dashboard to create albums and songs
• 💬 Realtime chat system integrated into the app
• 🟢 Online / Offline user status
• 👀 See what others are listening to in real-time
• 📊 Analytics dashboard with aggregated data
• ⚡ Modern full-stack architecture and responsive UI

---

🛠️ Tech Stack

Frontend

• React + Vite
• Clerk Authentication
• Tailwind / Modern UI

Backend

• Node.js + Express
• MongoDB Database
• Cloudinary for media storage
• Realtime features with WebSockets / Socket.io

---

⚙️ Environment Setup

Backend .env

Create a .env file inside the backend folder:

PORT=...
MONGODB_URI=...
ADMIN_EMAIL=...
NODE_ENV=...

CLOUDINARY_API_KEY=...
CLOUDINARY_API_SECRET=...
CLOUDINARY_CLOUD_NAME=...

CLERK_PUBLISHABLE_KEY=...
CLERK_SECRET_KEY=...

---

Frontend .env

Create a .env file inside the frontend folder:

VITE_CLERK_PUBLISHABLE_KEY=...

---

▶️ Installation & Run Locally

# Clone repository
git clone <your-repo-link>

# Install backend dependencies
cd backend
npm install
npm run dev

# Install frontend dependencies
cd ../frontend
npm install
npm run dev

---

📸 Future Improvements

• Playlist creation & sharing
• Like / Favorite songs system
• Music recommendation engine
• Mobile app version
• soon it will come on google play store

---

👨‍💻 Made By

**Hament Kumar **

---