landing page , has how to use button to navigate to that section
destination banner
fashion banner
how to use information section
destination tab, screen to input your interests
destination options generated using qloo and gemini
fashion tab, screen to input your interests
fashion options generated using qloo and gemini

Trip and Drip

Transform your taste into travel and fashion vibes using AI.

Inspiration

You probably know your favorite artist or your comfort movie —
but what about where you should travel next based on that vibe?
Or what fashion aesthetic matches your favorite book and place?

We built Trip and Drip to answer that. It’s a web app that transforms any two personal inputs — like an artist and a feeling — into curated suggestions for:

Travel destinations on the Trip tab
Fashion inspirations on the Drip tab It’s for people who want to explore experiences that match their inner world — through the lens of AI, mood, and cultural identity. --- ## What We Learned Working on this project taught us how to:
Combine structured cultural understanding from the Qloo API with generative AI from Gemini
Craft creative prompts that feel personalized yet adaptable
Build a fully frontend app that orchestrates multiple API calls with dynamic user inputs
Design UI flows that feel fun, exploratory, and culturally expressive

We also gained a deeper understanding of:

Prompt engineering
Cultural data enrichment

- Real-time, input-driven content generation

How It Works

Layer	Technology
Frontend Framework	Next.js
Styling	CSS
AI Generation	Gemini API (Google)
Cultural Intelligence	Qloo API
Entity Discovery & Tags	Qloo API
Deployment	Vercel

App Workflow

Trip Tab

The user selects two entity types (e.g., Artist, Mood) from dropdowns populated using the Qloo API.
Then, they enter two input values (e.g., Coldplay, Sunset).
The app uses Qloo to fetch semantic tags for both inputs.
These tags are passed to Gemini in a custom prompt to generate a travel destination inspired by the combination.
That destination is then sent back to Qloo to retrieve relevant metadata (e.g., region, aesthetic, associated entities).
The destination result is shown to the user.

Drip Tab

The user selects two entity types via tile-based UI (instead of dropdowns).
They enter corresponding values (e.g., The Great Gatsby, New York).
Qloo API returns semantic tags for both inputs.
These tags are used in a creative prompt for Gemini to generate a fashion style description.
The result is displayed on screen with supporting metadata if available.

Example Use Cases

Inputs	Trip Suggestion	Drip Suggestion
`Coldplay` + `Sunset`	Santorini, Greece	Soft linens and warm tones
`Stranger Things` + `Dark`	Chernobyl or Iceland	Retro layers in muted, eerie colors
`Gatsby` + `New York`	Manhattan jazz-era spots	1920s-inspired luxury with modern flair

Challenges We Faced

Chaining Qloo and Gemini
We had to tune the prompt design carefully so that structured tag data from Qloo could lead to rich, relevant output from Gemini.

Arbitrary Input Handling
Since users can enter anything, we implemented client-side handling for missing tags, low-confidence results, or unsupported entities.

Frontend-Only Architecture
To stay fully frontend, we managed all asynchronous API orchestration, loading states, and conditional logic client-side while ensuring fast, responsive behavior.

What’s Next

Add AI-generated images using Gemini Pro Vision or similar
Enable shareable and savable results
Allow 3 or more input entities for deeper personalization
Improve tag confidence scoring and error handling
Add voice input for accessibility

Final Thoughts

Trip and Drip helps people connect what they love with how they live.
It maps personal taste to real-world expression, whether that's a destination to explore or a vibe to wear.

It's creative, personal, and powered by cultural intelligence from Qloo and generative reasoning from Gemini — all inside a clean, intuitive, fully frontend experience.