Executive Summary
A graduation dinner celebration web app built overnight, featuring an interactive envelope-opening animation, guest and companion RSVP intake, downloadable name-personalized invitation cards, and a live confirmed attendee counter.
"Needed a simple, seamless way to collect guest and companion RSVPs, share event venue details, and distribute personalized invitation cards for a graduation dinner."
Cloud Architecture & System Design
Nuxt 4 SPA deployed on Cloudflare Pages connected to a lightweight Hono.js API on Cloudflare Workers and Cloudflare D1 SQLite database.
Engineering Highlights
Built and launched an overnight graduation RSVP web app using Nuxt 4 SPA, Tailwind CSS, and Cloudflare Pages.
Created an interactive wax-seal envelope opening animation, guest plus-one registration form, and dynamic personalized invitation card downloads with the attendee's name.
Integrated a lightweight Hono.js API on Cloudflare Workers with Cloudflare D1 SQLite to track confirmed guest headcounts and display a real-time attendee list.
Key Features
- Interactive Wax-Seal Graduation Envelope Opening Animation
- Guest & Companion (+1) RSVP Submission Form
- Personalized Downloadable Invitation Card with Attendee Name
- Real-Time Confirmed Guest Headcount Counter (e.g., 22 of 30)
- Countdown Timer & Venue Location Directions