DEV Community

Cover image for Stop buying cards. Deploy this React 19 app instead. πŸ’˜
Vitautas Brazas
Vitautas Brazas

Posted on

Stop buying cards. Deploy this React 19 app instead. πŸ’˜

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

  1. Intro Screen: Sets the mood with a countdown.
  2. The Quiz: You configure questions about your relationship (first date, favorite song, inside jokes).
  3. The Result: It doesn't just give a score; it generates a love letter based on the specific answers they chose.
  4. 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

  1. Fork the repo: https://github.com/millon15/valentine-2026
  2. Edit config/config.ts (or let AI do it).
  3. Deploy to GitHub Pages (automated workflow included).

Happy coding (and romancing)!

Top comments (0)