How anoops-zeta/valentines2026 works
This is a browser-based, swipeable Valentine’s quiz experience. The main flow is: the user starts the experience, the script obtains question data, builds the quiz, presents cards for answering, validates responses, and transitions to an outro with sharing. The sampled script is a large single-file implementation, so several responsibilities below share its path. The README is empty and source excerpts are partial; links for unsampled details are omitted.
Main entry points: script.js Experience controller · assets JSON assets · index.html Page template · test.json Test data
Components 15
Quiz experience
- Page template
index.html - Experience controller
script.js - Intro and start
script.js - Question cards
script.js - Answer validation
script.js - Outro and share
script.js
Question content
- Question builder
script.js - JSON assets
assets - Test data
assets/test.json - Heart data
assets/heart.json - Letter data
assets/letter.json
Browser integrations
- PayZapp bridge
- GSAP
- Browser APIs
Other components
- User
Connections 17
- User → Page template: uses
- Page template → Experience controller: loads
- Experience controller → Intro and start: initializes
- User → Intro and start: starts
- Experience controller → PayZapp bridge: fetches data
- Experience controller → Question builder: builds questions
- Question builder → JSON assets: reads data
- JSON assets → Test data: includes
- JSON assets → Heart data: includes
- JSON assets → Letter data: includes
- Experience controller → Question cards: updates
- User → Question cards: answers
- Question cards → Answer validation: checks answer
- Answer validation → Outro and share: transitions
- Experience controller → GSAP: animates with
- Experience controller → Browser APIs: uses
- Outro and share → User: shares