VibeTravel

Index page of the app
Suggestions section 1
Suggestions section 2
Refine your search area
Generating a trip plan screen
Trip plan screen 2
Trip plan screen 1
Trip plan screen 3
Trip plan screen 4

What it does

Our app takes a natural language prompt and returns the top 4 possible destinations to match your vibe. Then for each destination, it can generate a sample itinerary for a trip and give some local insight, or you can refine you search with more info if the options don't fit. It can also explain the reasoning behind each suggested location (although this feature is still in progress).

How we built it

We first ideated as a group on how to approach our chosen challenge (the Skyscanner new-gen AI-powered natural language search tool challenge), and came up with some ideas - we had originally planned to not only make a website but also design a web browser extension for Chrome, however unfortunately that was too large a scope for this weekend. Then with the help of some AI-assisted tools, we created a Node JS and React website, and tweaked it as we went to get the UI and functionality we desired!

Challenges we ran into

The biggest challenge we faced was moving our project from Claude hosting to localhosting or elsewhere. We tried to move it off of Claude's own platform for hosting so we could try and also implement Gemma 4 as part of the Major League Hacking challenges but this resulted in a semi-functional work in progress app.

Accomplishments that we're proud of

We're proud of the design and the format of which information from our idea is presented on our web app, particularly the design of the feature that generates a trip plan and itinerary and provides suggestions for your visit.

What we learned

The biggest learning moment for us was trying to integrate Gemma 4, which taught us a lot about how to use LLMs in web apps, setting up and dealing with API keys, and later trying to localhost the model altogether - while it messed up our progress and took a big detour, it was not in vain as we learned a lot about creating AI-powered applications, and what next to brush up on for our next event, to save us many hours!

What's next for VibeTravel

Mainly bug fixes and full Gemma 4 integration, as well as some UI tweaks for the 'reasoning behind this trip' section. And longer-term, a browser extension may be a valid option, to make this lightweight app really accessible on the go!