Tripify

Front Page of Tripify!
Itinerary Page of Tripify!
Spotify API Prompt!

Inspiration

Our inspiration was to create a social platform that inspired people to travel based on their interests. Since everyone loves music, it was a logical decision to create something at the intersection of travel, and music.

What it does

Our web application uses Spotify's API to gather users data and display an itinerary based on the users top artists and those artists' hometowns. The design makes our application focused on social connection, and not on picking the perfect destination.

How we built it

We built the external backend of our website in Express.js and connected a Spotify API in order to gather user data on their favorite/most played artists. For our frontend development, we used TypeScript and SolidJS to create our UI.

Challenges we ran into

The backend of our website caused challenges from authorization issues with API's to dealing with our external backend and Vercel. A notable challenge that we overcame dealt with local hosting and getting our backend to fully integrate to our front end display. After researching pathing and the intricacies of Express.js, we were able to implement this correctly.

Accomplishments that we're proud of

We are proud to have a functioning prototype of our web application Tripify that is both designed aesthetically and efficiently compiled.

What we learned

We learned the details of using SolidJS and Typescript to create a website with a Spotify API. From figuring out how to integrate our external backend to accessing restricted API's for the first time, there has been a lot of learning for all members of our team.

What's next for Tripify

Currently, we await the month long approval process that Spotify makes creators go through to get public access to their API. If we are approved, we will pilot our web application to friends and colleagues and see if they enjoy our form of social media.