Skip to content

arnavnagpurkar/Spotify-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Spotify Clone

Overview:

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.

Features:

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

Getting Started:

Using:

You can use the project by going on https://spotify-arnav.freewebhostmost.com/

Fork

Make sure you have git installed on your computer !!

git clone https://github.com/arnavnagpurkar/Spotify-Clone.git

Change the playlists in the app

To change the playlists and add songs according to your choice, or too add more playlists follow the steps given below:

  1. Fork the repo
  2. In the songs folder create folders for making playlists, JavaScript will automatically detect your folder as playlist.
  3. Add an info.json and cover.jpg in the playlist you made so that it will be loaded on the web app.
  4. Edit info.json
    {
        "title": "Playlist title here",
        "description": "Playlist Description here"
    }

Contribution and Issues

Contributing:

  • 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

Issues:

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

License

This project is licensed under the Apache License, Version 2.0.
See the LICENSE file for more details.

Acknowledgments

I would like to acknowledge myself, @arnavnagpurkar, as the sole contributor to the development of this Spotify Clone project.