My Childhood Pokédex Was a Paper Grid. Now It's a Set in localStorage.Before I owned a single piece of software, I owned a data structure. It was a grid of 151 hand-drawn squares in a school notebook, one square per Pokémon, and the write operation was a pencil tick. ThAug 17 · 5 min readzebratools.hashnode.dev
My Personality Quiz's Scoring Engine Is Just a Counter — the Real Design Lives in the Tie-BreaksI recently shipped a fantasy personality quiz as a weekend static-site project — 15 story questions, three archetypes (Prince, Bandit, Mage), one vanilla JS file, no framework, no build step, no serveJul 6 · 7 min readzebratools.hashnode.dev
Sizing One Clock Face from a Phone to a 4K TV: clamp(), em Geometry, and svh NotesI spent a weekend assuming the hard part of building a fullscreen clock would be the flip animation. It wasn't. The animation took an evening. What actually ate my time was a problem that sounds triviJul 6 · 8 min readzebratools.hashnode.dev
How I prerender a Vite SPA on Vercel for SEO (with Puppeteer + @sparticuz/chromium)Solving the Googlebot JS-execution problem at build time, without switching to Next.js. If you've ever shipped a Vite + React SPA and watched it sit in Google's index as a blank <div id="root"></di1Apr 30 · 4 min readzebratools.hashnode.dev
Engineering Notes: Building a Browser-Only PDF Dark Mode ToolLast winter I was reading a 600-page PDF at midnight and gave up after 20 pages — the white background was burning my eyes. Existing dark-mode PDF tools wanted me to upload the file to their server,Apr 28 · 5 min readzebratools.hashnode.dev
