Case study

devtools2025

Consent Compass

Cookie consent widget built for GDPR/CCPA requirements. Drop-in banner with preference management, granular consent categories, and a consent audit trail.

Building the tools that build the tools

Field notes

Role

Creator

Read order

Evidence first, then constraint → build → proof. Use the chapter rail to jump sections; orbit to adjacent work from the bottom of the case study.

DevTools Arsenal✦II-Class Star

●LIVE

View on GitHub

View Live Site Source Code

Evidence

System surface

No public screenshot on file, generative preview stands in for the visual layer.

Signature viewconsent-compass.vercel.app

Open Live Site

consent-compass.vercel.app

Story arc

How this shipped

Building the tools that build the toolsThree beats: what pressed against the work, how the stack answered, and what changed once it was live.

I · Constraint

The brief

Most cookie consent implementations are either dark patterns or ugly banners. Doing it properly requires real preference management and audit trails.

II · Build

The craft

Built compliant consent banner with granular categories (necessary, analytics, marketing). Full audit trail for compliance verification. Easy integration.

III · Proof

What moved after launch

Full GDPR/CCPA compliance out of the box. Audit trail satisfies legal requirements. Granular consent respects user privacy.

Inventory

Stack & signals

PrivacyGDPRCCPANext.jsTypeScript

Tell me what you're building

If you need someone who can own UI, systems, and AI integration without losing the plot, I'm listening. Contract, advisory, or full-time: we'll find the right shape.

Start a Conversation See More Projects

Related work

Signal = how many tags a project shares with this one.

Same clustersignal 3

Signal: Medium

Next.jsTypeScript

Trace

Paste a screenshot, get a real runnable React component. Google Gemini recreates the layout grounded in a shadcn-style catalog, renders it live in an editable Sandpack sandbox, and shows which pixels became which component with honest confidence tags. Won the DEV.to GitHub Finish-Up-A-Thon.

Same clustersignal 3

Signal: Medium

Next.jsTypeScript

Rocket Vitals

Scan-first website QA tool that crawls up to 500 pages and runs 200+ checks across SEO, accessibility, performance, security, links, content, and AI readiness. Delivers prioritized reports with severity scoring, department routing, regression monitoring, and client-ready exports.

Same clustersignal 3

Signal: Medium

Next.jsTypeScript

Site Sheriff

Drop a URL and get an agency-grade website QA report in under two minutes. Crawls up to 500 pages across 10 levels, running 100+ static checks plus 80+ axe-core accessibility rules on desktop and mobile. Delivers a prioritized, severity-weighted report with fix instructions, effort estimates, and a copy-paste client email.

Keep exploring

Previous Project

MCP Token Tracker

Token usage monitoring for Model Context Protocol interactions. Track costs, optimize prompts, and prevent budget overruns.

Next Project

Craft Audit

Code quality auditing tool that analyzes repositories for best practices, maintainability, and technical debt indicators.