Work

Here are a few things I have made. Some are practical, some are playful, and all of them are built to be explored.

Pixel Art Editor

Interactive Demo

A small, fast drawing surface built straight on the Canvas API: flood fill, palette state, PNG export, and no extra ceremony.

Under the hood: Canvas state, flood fill, palette control, and export all running in-browser.

Canvas APIReactTypeScript

Open editor Code

React

Release Signal

Interactive Tool

A small local checklist for deciding whether a piece of work is ready to hand over, or just close.

Under the hood: Deterministic readiness logic, concrete gates, release notes, and a copyable handoff summary.

ReactTypeScriptProduct Quality

Check release Code

React

Table Stakes

Interactive Tool

A practical blind clock for a home poker night: simple controls, editable levels, and a timer that keeps the table moving.

Under the hood: Local clock state, blind-level transitions, editable durations, and keyboard-friendly controls.

ReactTimer LogicPoker

Start clock Code

Cocktail Mixer

Interactive Demo

A quiet animation study wearing a bartender's jacket. Layered SVG pours, timing details, and one hidden drink for people who keep looking.

Under the hood: Layered SVG motion, sequenced ingredients, and a hidden unlock path.

AnimationSVGReact

Pour one Code

ClaudeBot's Adventure

Game

A TypeScript arcade engine with a fixed-timestep loop, procedural lanes, WebGL rendering, bloom, scoring, and procedural audio.

Under the hood: Fixed-step simulation, WebGL rendering, procedural audio, and scoring.

Game EngineWebGLTypeScriptWeb Audio

Start run Code

Plan'd

Full-Stack App

A group-trip planner for the parts that usually get lost in chat: itineraries, expenses, ideas, and the decisions in between.

Under the hood: Supabase auth, RLS, shared trip state, expenses, ideas, and chat.

Next.jsSupabaseTypeScriptReal-time

Open Plan'd Code

Next.js

Members Only Poker Club

Full-Stack App

A private poker club platform with a public site, member portal, cashier tools, and admin workflows.

Under the hood: Public pages, authenticated member areas, operational tooling, Supabase data, and Stripe payments.

Next.jsSupabaseStripePostgreSQL

Live Code

TypeScript

Harness Core

Open Source

An open-source framework for checking, scoring, and improving AI-generated work through repeatable quality loops.

Under the hood: Config-driven validation, scoring, iteration loops, plugins, CLI workflows, and MCP integration.

TypeScriptCLIMCPQuality Gates

Code