How mypersonal821/gravity works
This is a React birthday-gift unboxing experience: visitors enter a themed room, open a 3D gift box, discover gifts in sequence, view an individual reveal, optionally capture or upload a memory, and browse a photo collage. App.jsx owns page state and progression; the feature components implement the scenes and interactions. The README describes only a Vite starter, so the product workflow is inferred from sampled source. Some component internals and wiring are omitted where excerpts were incomplete.
Main entry points: App.jsx App coordinator · GiftRevealStandalone.jsx Gift reveal · GiftsPage.jsx Gift discovery · WebcamCapture.jsx Memory capture
Components 13
Experience flow
- App coordinator
src/App.jsx
3D scenes
- Room experience
src/components/RoomExperience.jsx - Landing overlay
src/components/Overlay.jsx - 3D gift box
src/components/GiftBox.jsx - Gift discovery
src/components/GiftsPage.jsx - Gift reveal
src/components/GiftRevealStandalone.jsx - Final gift picture
src/components/FinalPremiumPicture.jsx
Memory capture
- Memory capture
src/components/WebcamCapture.jsx - Heart photo collage
src/components/HeartCollage.jsx
Gift assets
- 3D gift models
public/models
Other components
- Visitor
- Browser camera
- Google Apps Script
Connections 20
- Visitor → App coordinator: opens experience
- App coordinator → Room experience: renders room
- Room experience → App coordinator: starts landing
- App coordinator → Landing overlay: renders landing
- App coordinator → 3D gift box: renders box
- Landing overlay → App coordinator: changes page
- App coordinator → Gift discovery: renders discovery
- Gift discovery → App coordinator: selects gift
- App coordinator → Gift reveal: renders selected gift
- Gift reveal → Gift discovery: reads gift data
- Gift reveal → Memory capture: opens capture
- Memory capture → Browser camera: requests camera
- Memory capture → Google Apps Script: posts photo
- Memory capture → Gift reveal: returns captured image
- Gift reveal → App coordinator: saves memory
- App coordinator → Heart photo collage: renders photos
- Gift discovery → Final gift picture: shows finale
- 3D gift box → 3D gift models: loads models
- Gift discovery → 3D gift models: loads models
- Gift reveal → 3D gift models: loads selected model