TripPin
As an avid trip planner, I could never find an app that fit my travel planning needs — so I built TripPin: a single place to save travel inspiration from anywhere, turn those saved ideas into bookings, and build your itinerary, all in one spot.
Built an app using Next.js and TypeScript, with Supabase handling accounts and cross-device sync, Google sign-in for authentication, and Claude powering an in-app AI Travel Assistant — with Claude Code as my AI coding partner throughout the build.
What my work included
Designing a visually engaging web app in Figma and Claude Code, emphasizing clean and simple UX and UI
Writing an AI-readable design system — tokens, spacing, and component rules documented as a contract so Claude Code stays on-system automatically
Scoping the AI Assistant's context to the current trip and page, so it responds with the right trip-level and page-level awareness instead of generic answers
Iterating on interaction details with Claude Code — loading, error, and empty states; confirmation flows; consistent form patterns across the app
Building the backend and identity layer with Supabase and Google OAuth
Adding a someday trip
Browsing inspiration, getting advice from a trip assistant, storing the places I want to go.
Discovering new places to go
A fun new way to discover new places and save for future travel
Sample Screens
AI readable design system
