The purpose of this website is to easily create a playlist in your spotify account without having to open the Spotify app.
The following technologies were used for this project:
- HTML
- CSS
- Javascript
- React
- Fetch API
- NPM
- Spotify API
Type any track name or artists into this input field. This field search the Spotify API for the results for your search and display in on the results section below.
This button will fetch for the Spotify API and will ask the user for authentication to edit playlists. You need to accept the authentication in order to be able to create playlist and add songs to it.
This notes is important. It is necessary to create a new playlist to add songs to it in this website. You need to create a playlist in order to get it's id.
This container contains the information about the search result. It will display the results of your search. It will display the name in white, and at the bottom the artist and album will be written next to eachother.
You can add the song to the playlist that is currently being used by pressing the plus sign next to every song.
In this container you will be able to create a playlist and add songs to it. To do this, first you need to add the playlist name located next to the Create Playlist button.
Once you have put the name of the playlist, you can click create playlist and you will then be able to add songs using the previous playlist feature.
If you find it necessary you can always remove a song that you added by pressing the "-" button next to every song.
Once you are ready to add the songs, you can click the Add Songs button and it will added to the respective playlist.