Road Trip Tunes

Inspiration

Our inspiration for this project was based on our love and passion for music. As avid Spotify users, we wanted to create an application that can personalize songs based on certain keywords and features. To relate it to the theme of the hackathon, we decided to create an application that recommends songs based on the locations you travel to and the vibes it has.

What it does

Our application first allows you to log into your Spotify account and enter in the start and end points of your road trip. Our interface boasts helpful Google Maps autocomplete suggestions, so that you can find the places you want to go easier. Once you've entered your start location and destination, Road Trip Tunes will generate a diverse list of attractions nearby the driving route of the two endpoints, complete with their addresses, pictures, ratings, and live opening hours. You can freely remove attractions you don't want to visit, then when you've decided on an itinerary, generate a Spotify playlist for your account that matches the vibes of your road trip journey.

How we built it

We built our webapp using React JS on the frontend and ExpressJS for backend. We used the Google Maps API to generate a road trip route and attractions, Gemini API to match songs to attractions, and the Spotify API to add the road trip playlist to the user's account.

Challenges we ran into

It was a challenging but rewarding experience learning how to work with and integrate three different APIs into our front and backend code. Additionally, most of us were unfamiliar with webdev and learned a lot creating and debugging our many components and routes.

Accomplishments that we're proud of

Making a Frankenstein of 3 APIs all work together smoothly, and completing this project within the time limit!

What we learned

All of us got practice with frontend development and API integration.

What's next for Road Trip Tunes

In the future, we hope to:

Deploy Road Trip Tunes to Vercel
Support adding want-to-visit attractions manually
Optimize attraction suggestions based on optional road trip themes (eg. a food tour)
Personalize song suggestions based on the user's mood and past listening habits