Seattle discovery / itinerary planning / portfolio prototype
A Seattle discovery and day-planning app that brings source-linked places, an editable itinerary, and a day map into one workflow. React, TypeScript, Leaflet, and dnd-kit support the interface.
Three design lenses, Field Journal, Nocturne, and Civic Modern, each have light and dark modes. The visual identity changes while the same data, component contracts, and itinerary remain intact.
Add discoveries, reorder stops, adjust timing and duration, review overlap and opening warnings, replace a stop, or undo a change. Pointer dragging has keyboard and explicit move-button alternatives.
Explore and Day map share the itinerary on desktop. At narrower widths, Explore, My day, and Day map become separate views without losing the current plan. Plans can be shared by URL, copied as text, or downloaded.
Curated discoveries use real Seattle places and published sources. A separate live-events view polls the city's official calendar, labels cancellations and stale data, and links to the original listings.
Live events do not yet enter the planner: the feed lacks verified coordinates and visit durations. Keeping that boundary visible is more useful than pretending every listing is equally plannable.
Semantic tokens separate structural layout from lens-specific presentation. A system inspector exposes computed tokens and container information, while domain utilities handle scheduling and persistence validation.
The design exercise is not six disconnected skins. It tests whether one component model can retain clear hierarchy, states, and responsive behavior across distinct visual directions.
Walking times are estimates, not street routing or accessibility guidance. Venue hours and availability require confirmation; photography is labeled illustration rather than proof of a venue's appearance.
Plans are browser-local. Images, fonts, tiles, and the event feed need network access, and the live calendar endpoint requires a server. This is a working portfolio prototype, not a production travel service.
