Inspiration
Planning group trips kept turning into chaos — long chats, scattered decisions, and no clear agreement. I wanted a single place where everyone could align on flights, stays, and activities without the usual back‑and‑forth.
What it does
Trippy‑Trip is a collaborative trip workspace. Users can create trips, invite friends, collect preferences, get AI‑generated suggestions, vote and approve options, and chat in real time. The result is a shared, structured plan that’s easy to finalize.
How we built it
We built the product with Next.js 14 for the UI, Supabase for auth, database, and realtime updates, and Gemini for AI summaries and recommendations. For real flight data and bookable links, we integrated the Amadeus API. The UI uses motion and card‑based layouts to make planning feel visual and engaging.
Challenges we ran into
Getting AI to behave consistently was tricky — we had to validate outputs and decide where live data (like flights) was essential. Realtime updates and permissions (owner vs member) required careful handling, and hydration mismatches in Next.js forced us to rethink some client‑only rendering.
Accomplishments that we're proud of
We created a full end‑to‑end planning flow: preference collection, AI suggestions, group voting, finalized itinerary, and realtime chat. We also built a public community discovery flow, join requests, and trip duplication for reuse.
What we learned
AI is best when paired with reliable data sources. We also learned how important clear UX boundaries are in collaborative apps — approvals, roles, and visibility matter as much as the recommendations themselves.
What's next for Trippy‑Trip
Improve personalization with smarter ranking, add more live booking integrations, build richer itinerary visualizations, and expand community features so people can reuse and remix great trips faster.
Built With
- amadeus
- css
- framer
- gemini
- next.js
- supabase
- tailwind
- typescript
Log in or sign up for Devpost to join the conversation.