Consumer PWA / Progressive Web App
Trip Calendar
A themed, day-by-day trip planner with photo timelines — installable, offline-ready, and built to feel like a delight to open.
Live demo — click around
Interactive prototype with representative sample data.
The challenge
Multi-day trips generate a messy pile of plans and photos: notes in one app, a booking confirmation in another, and hundreds of camera-roll shots with no sense of which day they belong to. The goal was a single, joyful place to build a per-day itinerary, give each day its own identity, and keep the whole thing usable on a phone in a park with spotty signal.
Our approach
Trip Calendar is a card-based itinerary planner where every day gets a colorful theme — a crest emoji plus a gradient banner — and its own timeline of timed events with locations and notes. Photos upload into a per-day chronological timeline with a lightbox. It's delivered as a PWA: a service worker and manifest make it installable to the home screen and usable offline, and uploaded images are optimized server-side.
How it works
Build a day, event by event
Each day holds a vertical timeline of timed events — a start time, a title, a location, and notes — that the user adds and reorders as the plan firms up.
Assign a theme to each day
Every day is given a theme with a crest/emoji and a gradient (e.g. Travel Day, Magic Kingdom, EPCOT, Hollywood Studios), so the whole card — banner, accents, and photo tiles — takes on that day's identity at a glance.
Upload and arrange a photo timeline
Photos are uploaded via Multer and arranged into a chronological strip per day. Sharp handles image optimization and reads EXIF so shots can be ordered and displayed efficiently.
Open any photo in a lightbox
Tapping a photo opens a focused lightbox view with the event context, keeping browsing fast without leaving the day card.
Navigate days as cards
A card-based calendar and a themed day-nav strip let the user jump between days; selecting a day swaps the entire card — theme, banner, timeline, and photos — in one motion.
Install it and take it offline
A service worker plus web manifest make Trip Calendar installable to the home screen and functional without a connection, so the itinerary is there even when signal isn't.
Tech stack
Results
Delivered as an installable, offline-capable planner that consolidates a trip's itinerary, day themes, and photos into one card-based interface. The themed-day model and per-day photo timeline make a multi-day trip feel organized and scannable rather than scattered across separate notes and camera rolls. Outcome framing here is qualitative; real usage numbers should be supplied by the project owner.
Trips planned / user
Photos uploaded per trip
Median image size reduction from Sharp optimization
Home-screen install rate
Offline sessions served by the service worker
Average events per day
Metrics to be populated with the project owner’s real figures.
Ready to Start Your AI Journey?
Let's build AI solutions that save time, reduce costs, and help your business grow. Book a consultation today.
