Skip to content

🎡 A simple and responsive Spotify Clone built with HTML, CSS, and JavaScript. Features music player controls, playlists, and a Spotify-inspired UI.

Notifications You must be signed in to change notification settings

Sanjanayadav07/Spotify-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎡 Spotify Clone

A responsive Spotify Clone built using HTML, CSS, and JavaScript.
This project mimics the Spotify UI and provides a simple music player experience with playlists.


πŸ”— Live Demo

View Live on Vercel


πŸ› οΈ Features

  • 🎨 Spotify-inspired UI
  • πŸ“± Responsive design (desktop + mobile)
  • 🎢 Play/Pause, Next, Previous functionality
  • 🎧 Local songs and cover images

πŸ’» Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6)

πŸš€ Getting Started

1. Clone the repository

git clone https://github.com/Sanjanayadav07/Spotify-clone.git
cd Spotify-clone

2. Open Project

Just open the index.html file in your browser OR use Live Server in VS Code.

πŸ“ Folder Structure

spotify-clone/
β”œβ”€β”€ cover/          # Song cover images
β”œβ”€β”€ songs/          # MP3 files
β”œβ”€β”€ index.html      # Main file
β”œβ”€β”€ style.css       # Styling
β”œβ”€β”€ app.js          # JavaScript logic
β”œβ”€β”€ favicon.ico
β”œβ”€β”€ logo.png
└── playing.gif

⚑ Notes

Works offline with local MP3 files

You can replace songs inside songs/ and covers inside cover/

🀝 Contribute

Feel free to submit issues or pull requests to improve the project.

About

🎡 A simple and responsive Spotify Clone built with HTML, CSS, and JavaScript. Features music player controls, playlists, and a Spotify-inspired UI.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published