Space Playlist Recommendation

Login Page
Selecting planet and giving an array of results
Selection of playlist that leads to demo listen #1
Selection of playlist that leads to demo listen #2

Inspiration

I wanted to try to build project tied to space, and what came to mind was the planets in our solar system. With this in mind, my first thought came to how to represent the planet through vibes that people can understand. This lead me to incorporating Spotify with the planets.

What it does

The web app logs into the user's spotify account and then gives the user an array of planets and vibes that will recommend playlists based on the user's choice. These playlists then can be demo listened to, and if the user enjoys the music, they can add it to their Spotify account.

How we built it

I built it using React-Vite and using Tailwindcss to stylize. I then used the Spotify api to login and then connect to the user's spotify account to recommend playlists.

Challenges we ran into

The biggest challenge that I faced was getting the authorization to work through Spotify api's auth tokens, which I unfortunately wasn't able to fix. Another issue I had was spotify's json return of the playlists and figuring out why I couldn't display the playlists. This issue was fixed through debugging using console log and inspect mode to see the json info.