PirateTrip

A web app uses Spotify and OpenAI to recommend travel destinations based on your top music genres, offering personalized trips that match your musical taste and vibe.

Comment 2

Inspiration

Vianna, with her passion for APIs, envisioned a project that combined Spotify and AI. Her idea excited the team, and everyone came on board. Shai’s love for entertainment tech drove her excitement to work with Spotify, Bella used her AI expertise to integrate OpenAI, and Chris, with a passion for backend development, handled Spotify's user authorization. Together, they turned Vianna's idea into a reality.

What it does

This web app pulls user data from Spotify to identify their top genre and artists. It then outputs a unique scene featuring a boat driving on a road (in line with KnightHacks’ pirate theme), with a background inspired by the user’s top genre. Additionally, OpenAI analyzes their genre to recommend travel destinations that match their musical preferences

How we built it

We divided the work up so Shai took on all the front end work, made all the art and graphics that was used using html, css, javascript and canva. Bella worked on implementing the OpenAI API using python, JSON and express. Chris and Vianna worked on the backend authorizing users and generating tokens.

Challenges we ran into

We faced several hurdles throughout the project. The Spotify API proved to be more complex than expected, especially when it came to generating tokens and fetching user data compared to other APIs. Paying for access to the OpenAI API added another layer of difficulty, and we also encountered issues importing and integrating the AI models. On the frontend, creating functional buttons was trickier than anticipated, and organizing the UI layers for animations to match the theme required a lot of fine-tuning. Despite these obstacles, we worked together to find solutions and push the project forward.

Accomplishments that we're proud of

We’re thrilled to have successfully gotten the AI to run and output meaningful data. The frontend turned out beautifully, bringing our vision to life, and we’re especially proud of the smooth backend authorization process and our ability to generate and manage Spotify tokens. Each step was a big win for the team!

What we learned

This experience taught us the importance of thoroughly understanding the Spotify API. We found the documentation challenging to navigate, and fetching data and managing tokens proved to be more difficult than anticipated. This reinforced the need for careful planning and clear documentation when working with complex APIs.

What's next for PirateTrip

Looking ahead, we aim to create a feature that allows Apple users to enjoy the PirateTrip experience as well. We also plan to expand our offerings by adding more genres and backgrounds to enhance personalization. Additionally, we want to implement a function that enables users to save their results as a GIF, making it easy to share their unique experiences with friends.

Share this project:

Updates