This project is a Spotify clone that replicates some of the key features of the popular music streaming service. It is built only using HTML, CSS and JS and is fully functional and responsive.
The goal of this project is to provide a hands-on experience in developing a music streaming application and understanding the core functionalities of platforms like Spotify.
- Playlists
- Responsive Design (includes hamburger)
- Playback controls and volume seekbar
- Smart JS (if anyone forks and add a folder in songs dir with info.json and cover.jpg, it will be automatically detected as a playlist)
- User Friendly UI
- Can download songs for free, without creating account!!
You can use the project by going on https://spotify-arnav.freewebhostmost.com/
Make sure you have git installed on your computer !!
git clone https://github.com/arnavnagpurkar/Spotify-Clone.git
To change the playlists and add songs according to your choice, or too add more playlists follow the steps given below:
- Fork the repo
- In the
songs
folder create folders for making playlists, JavaScript will automatically detect your folder as playlist. - Add an
info.json
andcover.jpg
in the playlist you made so that it will be loaded on the web app. - Edit
info.json
{ "title": "Playlist title here", "description": "Playlist Description here" }
- Fork the repository
- Create a new branch for your feature:
git checkout -b - feature-name
- Commit your changes:
git commit -m 'Add new feature'
- Push to the branch:
git push origin feature-name
- Create a pull request
- You can post issues here.
- Your issue will be checked by the developer and the required action will be taken
- If there's any problem you are facing, you can also post that here, developer will solve it.
This project is licensed under the Apache License, Version 2.0.
See the LICENSE file for more details.
I would like to acknowledge myself, @arnavnagpurkar, as the sole contributor to the development of this Spotify Clone project.