igotaux

Inspiration

Elaine: When volunteering with CS Roadshow, the other presenters and I wanted background music but the only person with AUX didn't want to play anything because they didn't have presentable playlists. So we made something that will impress your peers so you can bond over music and keep the conversation flowing.

Rahul: Someone bullies me because I apparently have bad taste in music because I like Creed. Can a guy not like Creed? Like, come on. Crazy.

What it does

On the main page, the user is taken to an external page and connects their Spotify account to the website to generate a playlist in their account. The idea is that the user can pull this up on the fly because this tool is meant to quickly generate a playlist. Once the user is logged in, they can put in various keywords that don't have to be formal and get a general idea of what kind of "vibe" the user thinks the environment has. ChatGPT will then take those keywords and create a playlist based on the keywords and add the playlist to the user's Spotify library.

How we built it

We made a FastAPI based Web app with python that serves static HTML pages from the endpoints. To handle AI integration, we leveraged the OpenAI API and used gpt-3o-mini which was fine tuned to handle our prompts properly. Using the spotipy API with python, we validated user credentials using UAT tokens stored in the Session. Using Figma, we designed the web interface and tried to import the HTML generated from the Figma design.

Challenges we ran into

Spotify does not allow third party users to access a webapp that is under development mode. Getting out of development mode would me being subject to manual review, so our app is not accessible by all.
Had to refine frontend multiple times to account for different screens and user interactions.