🎧 Spotify Clone – Web Music Player

A responsive and interactive Spotify-inspired music player built using HTML, CSS, and JavaScript. This project mimics the core functionality and design of Spotify’s web player, offering a clean UI and smooth user experience.

🚀 Features

• 🎵 Play, Pause, Next, and Previous song controls
• 📃 Dynamic song list generation
• 🎚️ Seek bar and volume adjustment
• 🌓 Dark-themed, Spotify-like interface
• 📱 Fully responsive design (Mobile + Desktop)
• 🍔 Hamburger menu for smaller screens
• 🔊 Real-time song info and duration tracking

🖥️ Tech Stack

• HTML5 – Semantic layout structure
• CSS3 – Custom styling with Flexbox and utility classes
• JavaScript (Vanilla) – DOM manipulation and audio control

📁 Folder Structure

├── index.html ├── css/ │ ├── style.css │ └── utility.css ├── javaScript/ │ └── script.js ├── svg/ │ └── [All UI icons] ├── songs/ │ └── [Your MP3 files] ├── Favicon/ │ └── favicon.ico

🔧 Setup Instructions

1. Clone the repository:

   git clone https://github.com/Arsh-pixel-cmd/spotify-clone.git

cd spotify-clone open index.html Make sure the songs/ folder contains .mp3 files for playback.

🙌 Acknowledgements Inspired by the Spotify Web Player UI.

All icons used are open-source SVGs.

Built as a learning project to practice responsive design and JavaScript audio handling.

📬 Connect with Me

Made with ❤️ by Arsh Mishra