Spotify Web Player Clone

Overview

This is a Spotify Web Player Clone, built using HTML, CSS. It replicates the UI of Spotify, providing features like sidebar navigation, music player controls, and responsive design.

Preview

https://noumanahmed01.github.io/Spotify-Clone/

Features

• 🎵 Music Player UI with playback controls
• 🎨 Modern UI/UX similar to Spotify
• 📱 Responsive Design (Hides sidebar on smaller screens)
• 🎚 Volume Control & Progress Bar
• 🖼 Dynamic Content Display for albums and playlists

Technologies Used

• HTML for structuring the webpage
• CSS for styling and responsiveness
• JavaScript (Upcoming) for interactivity
• FontAwesome for icons
• Google Fonts (Montserrat)

Folder Structure

spotify-clone/
│-- assets/            # Images & icons
│-- index.html         # Main HTML file
│-- Spotify.css        # Styling file
│-- script.js          # JavaScript file (optional for future interactivity)

How to Use

1. Clone the repository:
2. Open index.html in a browser.
3. Enjoy the UI and explore the features!

Future Improvements

• 🎵 Add JavaScript for actual music playback
• 🎼 Implement playlist creation
• 🌙 Dark/Light mode toggle
• 📱 Enhance mobile responsiveness

Contributing

Feel free to fork this project and improve it. Pull requests are welcome!

License

This project is for educational purposes only. It does not support real music streaming.

---

📌 This is a frontend project and does not stream real music. All images and icons belong to their respective owners.