Projects & Systems
A catalogue of software, systems, interfaces, and technical experiments designed, built, and occasionally taken further than strictly necessary.
From local-first architecture and developer tooling to document systems and interactive applications, explore the technical decisions, constraints, and ideas behind each build.
Object oriented notepad
An object-oriented notepad with several ways into the same document
A notepad that brings structured blocks, Markdown editing, a rendered preview, and JSON inspection into one workspace, with a small command interface for changing the document.
Shared document state behind the block editor, Markdown source, preview, and JSON inspector
Unified
Design, component data, and specification connected through one model
Four synchronized panels connect a component's design, editable React/JSX, specification, and architecture. Edit any panel and watch the shared model update the others.
Design, Code, Specification, and Architecture views of a shared component model
Spatial Canvas Engine
A visual node editor with an animated canvas preview
An interactive graph prototype for arranging nodes, connecting ports, and exploring preset visual systems. A Canvas 2D preview illustrates selected graph states alongside an editable parameter inspector.
Draggable nodes with input and output ports and animated connections
Dopamine Tasks
Turning everyday tasks into visible game progress
A playable task manager that turns completed chores and work into XP, coins, and boss damage. Custom quests, short sprints, and collectible rewards explore a more playful way to show progress.
Custom tasks with categories and difficulty-based rewards
Lumen Shader
An interactive collection of digital sculptures, flowing light, and imagined spaces
Lumen Shader is an interactive digital art playground. Explore intricate sculptures, rippling colour, and glowing clouds, all created with code and drawn live in your browser.
Five scenes ranging from intricate digital sculptures to glowing clouds
Vertical Slice
Explore a feature across the stack from one editable schema
An interactive schema designer that generates Java backend layers, a typed API client, React components, and a SQL migration. Inspect how a field change travels through a feature, alongside a browser-only form and table preview.
Editable entity names, packages, field types, and constraints