Product with Attitude

Product with Attitude

Resource Hub

Valentine's App 2026 - Full Source Code

Fork this full-stack scratch card game: React + TypeScript frontend, Express + PostgreSQL backend, animated with Framer Motion

Karo (Product with Attitude)'s avatar
Karo (Product with Attitude)
Feb 13, 2026
∙ Paid

I shared the Valentine’s Day scratch card app. Here’s the full source code so you can build your own. Fork it, tweak it, ship it; it’s yours.

The stack: React + TypeScript, Tailwind CSS, Framer Motion for animations, shadcn/ui components, Node.js with Express, PostgreSQL with Drizzle ORM.

A few things worth noting if you want to adapt it:

  • The database enforces one scratch per day per participant with a unique constraint on participant ID and date. So even if someone tries to game it, the backend catches it.

  • Progress is persistent. When someone returns and enters their email again, the app remembers which hearts they already scratched and shows their previous prizes.

  • Change the hearts to stars, gift boxes, anything.

  • Swap the prizes to fit your audience.

  • Adjust the colors to match your brand.

  • The structure is clean enough to make it yours in 33 minutes.

Source Code

Paste into your vibe coding tool and ask to build this exact app and ask what parts you want to customize.

This post is for paid subscribers

Already a paid subscriber? Sign in
© 2026 Karolina Zieminski · Privacy ∙ Terms ∙ Collection notice
Start your SubstackGet the app
Substack is the home for great culture