Travel Day Organizer
Everything for travel day, in one place
A mobile-first trip planner for managing multi-day, multi-destination itineraries with flight status, built-in buffers, and everything organized day by day.
Challenge
Travel days are stressful because nothing is in one place. You've planned everything, but on the day itself, it becomes overwhelming.
Approach
The big question was what a traveler needs to see, and when they need to see it. So I built four screens: a trip overview for planning, a month calendar for seeing where each day falls, a day timeline for the travel day itself, and a packing checklist.
Impact
Since building it, I've used it on every trip. It's replaced the scattered notes, screenshots, and message chats I used to rely on to keep any trip organized.
Type
Mobile App (PWA)
Industry
Travel
Built with
Claude Code, HTML/CSS/JS
Scope
A 13-icon event system covers every part of a trip, flights, hotels, activities, dining, sightseeing, even buffer time between plans. Each icon has its own color, so the type of event is recognizable at a glance. Select the type, plug in the details, and it's automatically color-coded and organized.
This trip covers two islands, so switching between them had to feel seamless. Each island gets its own dates, events, and checklist, but it's all still in one trip.
What it does
Your day, in order
Every step of your trip laid out in a single time-blocked timeline from departure to check-in.
Built-in breathing room
Buffer time built in, so you're not cutting it close.
Multi-destination ready
Color-coded destinations for two islands, two cities, or two stops easy to tell apart.
Know exactly where you left off
A live now marker so you can instantly see what's done, what's next, and how much time you have.
Design intent
Travel days are stressful because everything is scattered. You've planned ahead, but on the day itself, finding what you need becomes its own problem. This tool brings it all into one calm, focused view so you can just get where you're going. It's built with a consistent system across 14 event types and their states, so the experience stays coherent.
How it was built
Claude Code helped define the architecture, refine the feature set, and sharpen every decision along the way.
Design system
A token-based system defining colors, typography, spacing, and shadows across every component. The Travel Day Organizer touches flights, hotels, activities, and buffers, so I needed a consistent visual language that could scale across 14 event types and dozens of states, staying consistent as the product grows.
Design system
A token-based system defining colors, typography, spacing, and shadows across every component. The Travel Day Organizer touches flights, hotels, activities, and buffers, so I needed a consistent visual language that could scale across 14 event types and dozens of states, staying consistent as the product grows.
