Skip to content
Revangga Brama Eka Putra
← Back to projects

StaticCred

Print-ready Google and TripAdvisor review cards for local businesses. Paste a review link, tune the live preview, export 300 DPI PNG or PDF. Nothing runs on a server.

  • Next.js
  • TypeScript
  • Canvas API
  • Tailwind CSS
  • Vercel KV
  • jsPDF
StaticCred preview

Overview

Print-ready Google and TripAdvisor review cards for local businesses. Paste a review link, tune the live preview, export 300 DPI PNG or PDF. Nothing runs on a server.

Problem

Local shops lose reviews because asking is awkward: no ready-to-print ask, QR codes pointing at the wrong page, and resellers unable to pre-print stock without knowing the store. Generic QR tools don't speak print: DPI, bleed, and card sizes.

Solution

One flow: paste a Google/TripAdvisor link, tune a WYSIWYG preview across 5 print sizes with dark/Google card themes and star, NFC, serial, and bleed toggles, then download a pixel-exact PNG or mm-exact PDF. Blank-print mode gives resellers activatable serials buyers bind later by scanning.

Technology

  • Next.js
  • TypeScript
  • Canvas API
  • Tailwind CSS
  • Vercel KV
  • jsPDF

Implementation

A single pure drawCard(ctx, opts) drives preview and export with no duplication: ECC-H QR with 4-module quiet zone, offscreen full-res render, jsPDF mm-size 1:1 embed. The only backend is Vercel KV for blank-card activation (/r/[id], activate/manage with PIN hash, rate-limit, scan counter). Generator and export never touch the network. Decisions recorded as six ADRs.

Result

Five print sizes at exact 300 DPI math with 3 mm bleed and crop marks, dual QR modes with first-wins activation and PIN-gated management, and an admin-gated /cards list. Print output stays pixel-identical across app themes.