trafi.cc — You ARE traffic
A price tag for your personal data, built entirely client-side.
- role
- Solo
- duration
- 2 weeks
- team
- solo
- stack
- Next.js 15 · Tailwind v4 · Framer Motion · html2canvas · Static
“zero backend. zero signup. zero data stored. that is the point.”
The problem
People treat personal data as abstract. Advertisers price it to the cent. The gap between those two mental models is where quiet harm happens. I wanted a tool that made the advertiser-side math visible, specific, and a little bit uncomfortable — without collecting anything in the process.
The approach
Pure static site. Everything ships in the initial bundle; nothing talks to a server; nothing is logged. Users pick platforms they use, answer a few demographic questions, and get an animated reveal: per-platform ARPU, combined multiplier (capped at 1.8× to avoid unrealistic stacking), and a receipt-style sticker they can screenshot with html2canvas.
Numbers sourced from Meta/Alphabet/Amazon/Snap/Pinterest/Reddit/X SEC filings. Realism factor 0.20 because the ad system uses more than data alone — content, placement, timing.
The stack
Next.js 15 App Router with output: 'export', Tailwind v4, Framer Motion for the reveal, html2canvas for the shareable sticker. Deployed on Vercel as a static site with SEO pages at /methodology and /faq (JSON-LD schema). MIT-licensed because the numbers should be auditable.
Reflection
The design decision that shaped everything: nothing server-side. It limited features (no leaderboards, no history). But it made the site the argument — a privacy tool that needs privacy to work, and doesn’t ask for yours.