A responsive Spotify Clone built using HTML, CSS, and JavaScript, mimicking the core UI and playback features of the original Spotify web app. This project was created to practice frontend development and improve DOM manipulation, event handling, and CSS layout skills.
- 🎧 Play/Pause functionality with custom audio player
- ⏯ Next/Previous song navigation
- 🕹 Interactive progress bar with dynamic time update
- 📱 Fully responsive layout for all screen sizes
- 🖼 Styled UI closely replicates Spotify’s look and feel
- 📂 Playlist structure with dynamic track display
- HTML5 – Structuring the app
- CSS3 – Styling with custom layouts and animations
- JavaScript (Vanilla) – Handling interactivity and audio control
| Desktop View |
|---|
![]() |
spotify-clone/
├── index.html
├── style.css
├── script.js
└── assets/
├── images/
└── music/
/
- Clone the repository:
git clone https://github.com/Chakri2759/Spotify-clone.git
- Navigate to the project folder:
cd Spotify-clone - Open index.html in your browser:
