2026 · Selected work
Toolkit
An open-source hub of 48 privacy-first browser tools — image, text, developer, design and PDF utilities — that run entirely on the user's device.
- Role
- Creator & Maintainer
- Location
- Independent · Remote
- Engagement
- Open-source project
- Period
- 2026 – Present
About the project
Toolkit is a free, client-side tool hub: dozens of small utilities under one roof, each running locally with no account, no upload and no paywall. Images are processed with the Canvas API and hashing and encryption with the Web Crypto API, so nothing ever leaves the browser.
It is built as a Turborepo monorepo with a registry-driven catalog: a single source of truth powers the home page, keyboard command palette, navigation, sitemap and per-tool SEO, so adding a tool is a pure function, a component, a route and one registry entry.
Engineering proof
What was hard, what I chose, and how I checked it.
Challenge
Ship and maintain a broad, growing suite of tools as one cohesive, high-quality product — entirely client-side, with no backend to lean on.
Product & engineering decisions
- Made a tool registry the single source of truth so the catalog, search, navigation and SEO stay in sync as tools are added.
- Chose a Turborepo package split (ui / lib / tools) over micro-frontends, keeping boundaries compiler-enforced without runtime fragility (ADR-009).
Quality & outcome
- Covered the pure logic with 261 Vitest unit tests and the tools in the browser with 77 Playwright end-to-end tests.
- Kept main continuously deployable behind a CI pipeline that must pass lint, types, tests and build before release.
A live, open-source product that doubles as a public, readable code sample — new tools ship through one well-tested pattern.
My contribution
- Designed and built a Turborepo monorepo (an app plus shared ui, lib and tools packages) with strict TypeScript and compiler-enforced boundaries.
- Implemented 48 client-side tools on the Canvas and Web Crypto APIs, including a unified image editor with compress, resize, crop and rotate operations.
- Built a registry-driven catalog with a keyboard command palette, a generated sitemap and per-page SEO metadata.
- Set up the full CI/CD pipeline — lint, typecheck, unit and end-to-end tests, build and automated production deployment on every push to main.
- Recorded architecture decisions as ADRs, including the deliberate choice of a package monorepo over Module Federation micro-frontends.