Skip to content

Chakri2759/Spotify-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎵 Spotify Clone

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.

🚀 Features

  • 🎧 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

🛠 Tech Stack

  • HTML5 – Structuring the app
  • CSS3 – Styling with custom layouts and animations
  • JavaScript (Vanilla) – Handling interactivity and audio control

📸 Screenshots

Desktop View
Desktop

📂 Project Structure

spotify-clone/
├── index.html
├── style.css
├── script.js
└── assets/
    ├── images/
    └── music/

/

🔧 How to Run Locally

  1. Clone the repository:
    git clone https://github.com/Chakri2759/Spotify-clone.git
  2. Navigate to the project folder:
    cd Spotify-clone
    
  3. Open index.html in your browser:

About

Fully functionality Spotify clone using Html, CSS and JavaScript

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors