Confidential Brief
CS-03
WithLove - Wedding Experience
Full-Stack Wedding Platform with RSVP, Registry & Guest Engagement
Next.jsTypeScriptFirebaseNextAuth.jsTailwind CSSFramer MotionDocker
Problem & Context
This project began as a favor and quickly became a production app with a fixed, real-world deadline. It had to work reliably across devices and for users with very different levels of technical comfort.
Constraints
The experience had to be simple enough for everyone, including less technical guests. RSVP could not fail, registry items needed live lock-like behavior, and the couple needed a dashboard without touching backend tools.
Architectural Approach
I built it on Next.js and Firebase to move quickly without managing servers. Firestore handled live RSVP and registry state, NextAuth protected admin routes, and security rules enforced role boundaries. The dashboard shows attendance, registry status, and guest comments in real time.
System Architecture
Guests
Mobile Devices
Desktop Browsers
Application
Next.js (SSR)
NextAuth.js
API Routes
Data
Firestore
Firebase Auth
Firebase Storage
Content
RSVP
Registry
Comments
Gallery
Technical Stack
Next.jsTypeScriptFirebaseNextAuth.jsTailwind CSSFramer MotionDocker
Key Decisions
Picked Firestore for real-time updates and minimal ops overhead.
Used atomic increment for likes so concurrent taps stay accurate.
Separated admin protection and client auth so access rules stay clear.
Kept content configurable so the same app can serve future events.
Outcome
The app supported a live event with real guest traffic. RSVP data stayed clean, registry conflicts were prevented, and the couple managed operations independently.