Scene 01Case file
HeartRank
Who does 𝕏 actually love? Fans buy Hearts for X handles and a live league table ranks the most-loved accounts. It has Paystack payments, weekly and all-time boards, and was built and shipped in a day.
Overview
HeartRank turns affection into a leaderboard.
Pick an X handle, buy Hearts, and push them up the table; the number-one spot always shows exactly what it costs to take it.
Payments run through Paystack and are confirmed by webhook before any Hearts land, with dollar-priced packs added for international visitors. Without a Paystack key the app runs in a mock-payment mode, so it works end to end in development. Data lives in Neon Postgres through Drizzle (SQLite locally), with weekly and all-time boards and a live ticker of movers.
Built and deployed in a single day.
What I built
- 01Live leaderboard with weekly and all-time boards
- 02Paystack checkout confirmed by webhook
- 03Dollar-priced packs for international visitors
- 04Mock-payment mode for local development
- 05Live ticker of rank changes
Stack
Next.js · TypeScript · Drizzle · Neon PostgreSQL · Paystack · Vercel