Check it out, fork it π΄, and impress your Valentine π (or just your lead dev π«‘).
π₯ Video Demo: https://youtube.com/shorts/BAcnx76mVX4?si=sgzaEFc8oEhiGf05
π» Repo: https://github.com/millon15/valentine-2026
β¨ Live Demo: https://millon15.github.io/valentine-2026/
Let's be honest: e-cards are boring, and paper cards get thrown away.
This year, I built a White-label Valentine's Day Quiz using React 19 and the new Tailwind CSS v4. It's fully open-source, and you can fork it to create a personalized digital gift for your partner in under 15 minutes.
What it does
- Intro Screen: Sets the mood with a countdown.
- The Quiz: You configure questions about your relationship (first date, favorite song, inside jokes).
- The Result: It doesn't just give a score; it generates a love letter based on the specific answers they chose.
- The Stack: Vite, Bun, React 19, Tailwind 4.
The "One-Shot" AI Setup
I didn't just open-source the code; I optimized the workflow. The README includes a prompt you can feed to your favorite AI agent (Cursor, Windsurf, OpenCode) to "interview" you about your partner and automatically generate the configuration file.
How to use it
- Fork the repo:
https://github.com/millon15/valentine-2026 - Edit
config/config.ts(or let AI do it). - Deploy to GitHub Pages (automated workflow included).
Happy coding (and romancing)!
Top comments (0)