← Portfolio / Wedding Planner App
Case Study · 2025

Wedding
Planner

A bespoke progressive web app built for real wedding planning — with AI assistance, real-time sync, and a guest management system designed for how couples actually work.

Type Progressive Web App
Platform iOS · Android · Desktop
Stack HTML · Firebase · Claude API
Timeline 2025
Overview

Built for one wedding.
Designed like a product.

The Problem
Wedding planning is fragmented
Couples juggle spreadsheets, notes apps, and group chats — with no single source of truth.
The Solution
One app, shared in real time
A PWA that syncs instantly between all devices. Both partners see the same data, live.
The Outcome
A fully custom planning system
Built end-to-end using Claude as a development partner — from wireframes to Firebase deployment.
Product Screens

Designed for every device

Checklist
Wedding Planner
42% complete
All
Emily
Boone
Leasa
6+ Months Out3/5
Set wedding date
E
Decide on budget
B
Create guest list
E
Book venue
E
Book photographer
B
4–5 Months Out0/4
Send save the dates
E
Book caterer
B
Timeline
Budget
Guests
Day-of
Guest List
Wedding Planner
Guest List
87
Invited
54
Yes
8
No
25
Pending
All
Invited
RSVP Yes
Export
The Anderson Family
James, Claire, Sophie
RSVP Yes
3 guests
Williams, Robert + Karen
Robert, Karen
RSVP Yes
2 guests
Chen Family
David, Lisa, Mei, Tom
Invited
4 guests
Johnson, Mike + Sarah
Mike, Sarah
RSVP Yes
2 guests
Timeline
Budget
Guests
Day-of
Sign In
Wedding Planner
Enter your email and PIN
emily@example.com
1
2
3
4
5
6
7
8
9
•••
0
⌫
Sign In
Continue as guest
iPad
Wedding Planner
42% complete
All
Emily
Boone
6+ Months3/5
Set wedding date
E
Decide on budget
B
Book venue
E
Book photographer
B
4–5 Months0/3
Send save the dates
E
Book caterer
B
Book photographer
Assigned to
Emily
Boone
Notes
Looking at 3 options — Sarah Chen Photography, Bloom Studio, and David Kim.
Timeline
Budget
Guests
Day-of
Desktop
wedding-planner-eekc.web.app
Wedding Planner
42% complete · Emily & Boone
All
Emily
Boone
6+ Months Out3/5
Set wedding date
E
Book venue
E
Book photographer
B
4–5 Months Out0/3
Send save the dates
E
Book caterer
B
Planner
×
Hi! I can help you prioritize your timeline. What would you like to tackle first?
We need to book the venue. Any advice?
Book 12–18 months out. Visit 3 venues and confirm date availability before falling in love with a space.
Features

Everything a couple needs.
Nothing they don't.

Real-Time Sync
Firebase Firestore keeps all data live across every device. Both partners see changes instantly, no refresh needed.
AI Planning Assistant
A built-in chat powered by Claude gives expert wedding planning advice in context — budget, vendors, timelines, and day-of logistics.
Time-bucketed Checklist
80+ tasks organized by planning phase — 12 months out, 6 months, 3 months — so nothing feels urgent until it actually is.
Smart Guest Tracker
Auto-tallies guests with RSVP tracking. Alphabetically sorted. Exports to CSV with addresses for printing mailing labels.
Task Assignment
Every task assignable to a specific person. Filter the list by partner to see exactly what each person owns.
Installable PWA
Add to home screen on any iPhone or Android for a native app experience — no App Store required.
PIN + Email Auth
Pre-approved email addresses combined with a shared PIN. Simple, secure, no passwords to reset.
Guest View Mode
Share the app with anyone — they see full planning data and can interact freely, but changes are sandboxed and never saved.
Address Autocomplete
Google Places integration on guest address fields. Type a few characters, select from verified suggestions.
Tech Stack

Built to last.
Zero dependencies.

HTML / CSS / JS
Single-file app. No framework. No build step.
Firebase Firestore
Real-time NoSQL database with live subscriptions.
Firebase Hosting
Global CDN deployment in under 30 seconds.
Claude API
Anthropic's claude-sonnet powers the in-app planning assistant.
Cloud Functions
Firebase function proxies API calls, keeping keys secure.
Google Places API
Address autocomplete on guest entry.
Firebase Auth
Anonymous sign-in manages session state securely.
PWA / Service Worker
Installable on iOS and Android with native feel.
How It Was Built

AI as a development partner

01
Conversation-driven design
Every feature was spec'd through conversation — describing the desired UX in plain language and iterating before writing a line of code.
02
Incremental builds
The app grew from a static checklist to a full PWA in layers — auth, sync, AI chat, guest tracker, and address autocomplete added progressively.
03
Real deployment, real feedback
Deployed to Firebase after every major update. Tested on real iPhones, discovered real bugs, fixed them in the next iteration.
04
Design, build, test, deploy
"The cycle was so integrated within itself — it felt like a seamless unfolding of a product." — Emily
Reflection
"Designing for yourself is empowering and exciting. Giving AI the development role gave me freedom to explore some incredibly helpful features, which I was able to troubleshoot in real time as my fiancé and I hit any barriers."

This project changed how I think about AI in the design process. It wasn't a shortcut — it was a collaborator that compressed the distance between idea and reality. That gave me room to care more about the right things: the user flow, the feature logic, the moments of friction we actually encountered. That's a way of working I'm bringing to every project going forward.

← Back
Portfolio
View all work
Next project →
Design system & homepage redesign
See case study