Skip to content

This repository is a frontend clone of Spotify.com, created using HTML, CSS, and JavaScript. It mimics Spotify's web player, enabling users to play music, browse albums, and control playback—all without backend implementation.

Notifications You must be signed in to change notification settings

suryanshkushwaha/website-Spotify-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Spotify Clone

This project is a clone of Spotify's web player, allowing users to play music, navigate through albums, and control playback. It's a simple web application built with HTML, CSS, and JavaScript.

Live Demo: https://website-spotify-clone-sk.vercel.app

Getting Started

To use this application on your computer, follow these steps:

  1. Clone the Repository: Clone this repository to your local machine.

    git clone https://github.com/suryanshkushwaha/website-Spotify-clone.git
    
  2. Set Up Song Folders: Inside the project directory, navigate to the songs folder. Add your music folders here. Each music folder should contain the songs you want to play. Additionally, inside each music folder, add the following files:

    • cover.jpg: Album cover image.
    • info.json: JSON file containing the title and description of the album.
  3. Launch the Application: Open the index.html file in your web browser.

Usage

  • Navigation: Use the left and right arrows to navigate between songs.
  • Play/Pause: Click on the play/pause button to start or pause playback.
  • Volume Control: Adjust the volume using the volume slider.
  • Selecting Songs: Click on a song in the playlist to play it.
  • Album Selection: Click on an album card to load its songs and start playback.

Known Bugs

  • Playback Sync Issue: There may be occasional sync issues between the play/pause buttons and the actual playback.
  • UI/UX Improvements Needed: The user interface and experience could be enhanced for better usability.

Contributing

Any contributions to improve this project, fix bugs, or add new features are welcome! If you encounter any issues or have suggestions for improvements, please open an issue or submit a pull request.

Acknowledgements

This project was inspired by Spotify's web player and is built for educational purposes. Special thanks to contributors and open-source libraries used in this project.

About

This repository is a frontend clone of Spotify.com, created using HTML, CSS, and JavaScript. It mimics Spotify's web player, enabling users to play music, browse albums, and control playback—all without backend implementation.

Resources

Stars

Watchers

Forks