Back to work
Digital Products / 2026
Wedding Experience & Gallery
An event story built from shared memories
Experience
Guest-first
Presentation
Editorial timeline
Media flow
Async processing
Overview
The product frame
One product connects the emotional event surface with the infrastructure needed to receive, process, organize, and publish guest photographs. Approved images become a responsive timeline grouped into event moments rather than a generic grid.
The Challenge
A shared event gallery must feel intimate for guests while safely handling uploads, processing states, access rules, and media delivery behind the scenes.
Keeping private event media out of public surfaces
Separating upload acceptance from image processing
Designing graceful loading and failure states
Delivering a polished gallery across screen sizes
Architecture
An editorial timeline with section-based storytelling, keyboard-accessible lightbox navigation, guest uploads, and a server/worker image pipeline built around Supabase storage.
Public event, gallery, and upload routes
Authenticated administration kept separate
API/worker boundary for image processing
Supabase-backed event sections and approved photos
Orphan-cleanup and operational runbooks
Scope
What I built
Guest experience design
Vue frontend implementation
Responsive gallery and lightbox
Upload API and worker architecture
Supabase authorization review
Operational documentation
Tech Stack
Tools selected for the shape of the product
Vue 3
TypeScript
Vite 8
Vue Router
Pinia
GSAP
Supabase
Sharp
Node.js
Railway
Vercel
Gallery
Wedding Experience & Gallery / 01
Layered visual representing the wedding gallery image pipeline
Key Features
What the system makes possible
A guest-facing event gallery and upload experience with editorial sequencing, responsive lightbox navigation, and asynchronous image processing.
An editorial timeline with section-based storytelling, keyboard-accessible lightbox navigation, guest uploads, and a server/worker image pipeline built around Supabase storage.
Experience: Guest-first
Presentation: Editorial timeline
Media flow: Async processing
Next
Future opportunities
Capture a sanitized demo event with consented media
Add automated visual regression coverage
Continue hardening upload observability and recovery workflows
Next Project