How louizyyy/zozo-birthday works
This is a React single-page baptismal invitation. A visitor opens the animated envelope, then views the celebrant, event details, gallery, program and message, and can submit an RSVP. App.tsx selects the desktop frame and coordinates which invitation sections render; the sections read shared invitation content where shown. RSVP submission is currently local-only (logged to the console), with no backend or email integration evidenced. The README is empty, so the graph follows the source index and sampled code; some presentational components were not sampled in full.
Main entry points: App.tsx Invitation app · invitation.ts Invitation content · IntroEnvelope.tsx Opening envelope · Hero.tsx Celebrant hero
Components 14
Entry and invitation
- Invitation app
client/src/App.tsx - Opening envelope
client/src/components/IntroEnvelope.tsx - Navigation bar
client/src/components/Navbar.tsx
Event content
- Celebrant hero
client/src/components/Hero.tsx - Event details
client/src/components/BirthdayDetails.tsx - Event program
client/src/components/Program.tsx - Photo gallery
client/src/components/Gallery.tsx - Invitation content
client/src/data/invitation.ts - Celebrant profile
client/src/components/Celebrant.tsx - Venue details
client/src/components/Venue.tsx
Guest response
- RSVP form
client/src/components/RSVP.tsx
Closing content
- Baptismal message
client/src/components/BirthdayMessage.tsx - Invitation footer
client/src/components/Footer.tsx
Other components
- Visitor
Connections 16
- Visitor → Invitation app: opens invitation
- Invitation app → Opening envelope: renders first
client/src/App.tsx - Opening envelope → Invitation app: signals opening
client/src/App.tsx - Invitation app → Celebrant hero: renders sections
client/src/App.tsx - Invitation app → Event details: renders sections
client/src/App.tsx - Invitation app → Photo gallery: renders sections
client/src/App.tsx - Invitation app → Event program: renders sections
client/src/App.tsx - Invitation app → RSVP form: renders sections
client/src/App.tsx - Invitation app → Baptismal message: renders sections
client/src/App.tsx - Invitation app → Invitation footer: renders footer
client/src/App.tsx - Celebrant hero → Invitation content: reads content
client/src/components/Hero.tsx - Event details → Invitation content: reads event
client/src/components/BirthdayDetails.tsx - Event program → Invitation content: reads schedule
client/src/components/Program.tsx - Photo gallery → Invitation content: reads photos
client/src/components/Gallery.tsx - Baptismal message → Invitation content: reads message
client/src/components/BirthdayMessage.tsx - Invitation footer → Invitation content: reads celebrant
client/src/components/Footer.tsx