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 for accounts and cross-device sync, Google sign-in, and Claude Code as my AI coding partner throughout.
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
Iterating on interaction details with Claude Code — loading, error, and empty states; confirmation flows; consistent form patterns across the app
Creating a backend and identity program 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 design system
