I am genuinely stoked to have managed to create and properly style (I hope it was properly styled, at least) this quite a challenge of an app from the second attempt!
The procedure is simple:
-
When you load up the app, it will ask you to authorize your app to access your Spotify i order to be able to perform certain API-based functionalities, like fetching songs and uploading those to your custom playlist.
-
Type in your track -> you will automatically be fetching some results as you type!
Note: I did not implement the songs fetchig on search on purpose - it adds a little more real-time interactivity
-
Add your tracks to the custom plylist with the
+icon (You can actually add different songs if you re-type the song you are searching -> the playlist remains intact) -
Name your playlist above the added songs, and then hit Save to Spotify button
-
Check your Spotify -> you should see a new playlist appear! Yay 😄
Just make sure you have an active Spotify account throught which you can grant permission for this app to perform the above-mentioned stuff.
- HTML
- Modular CSS
- JavaScript / React.js
Now you can click on Get recommendations button on each song to get 5 recommendations based on the track per which you selext the recommendations. You can add those to your custom playlist with ease.
Note: Feel free to check out this technical documentation relevant to the feature addition.
You can add them here in the comments on GitHub, or go to this link here to post your reply.
Thanks for your time, and all the best in yuor coding ventures!