Work

A few builds with enough surface to use and enough depth to inspect.

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

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

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

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