Spotify-Clone

Description:

This Spotify clone project is unique because it features dynamic albums. When you click on an album, it shows the number of libraries, and by clicking on the songs in the library, you can play the song, navigate to the previous or next track, play a specific song at a specific duration, and adjust the volume. This project is made using HTML, CSS, and JavaScript. More songs can be added by creating a folder and adding a cover.jpg and info.json file along with the songs.

Languages Used:

HTML5 CSS3 JavaScript

Instructions/Documentation:

  1. Adding Songs:
    • Create a new folder for each album.
    • Inside the folder, include a cover.jpg for the album art.
    • Add an info.json file containing the song details.
    • Add the song files to the folder and update the album.json.

Features:

- Dynamic Albums:

Interactive album view showing song libraries.

- Playback Controls:

Includes play, pause, previous, next, and volume control functionalities.

- Flexible Song Management:

Easily add new songs and albums by creating folders with the required files.

- User-Friendly Interface:

An intuitive design resembling the original Spotify layout.

Disclaimer:

This project is a clone of Spotify created for educational purposes only. It is not affiliated with Spotify in any way, and it is not intended for commercial use. All trademarks, service marks, trade names, product names, logos, and images appearing in this project are the property of their respective owners. This project is solely for learning and practice purposes, and any resemblance to real products or services is purely coincidental.

Built With

Share this project:

Updates