Software projects & engineering patterns

User-facing apps, internal tools, and reusable implementation patterns. Built with React, TypeScript, and modern web standards.

Projects

User-facing applications — each solves a real problem.

CanvaGrid Design On-device

Visual design tool. Upload images, add text overlays, choose layouts and themes, export for social media, web, or print. Multi-page document support.

JavaScript · Vite · Tailwind

Details Live app Source

Graphiki Knowledge On-device

Graph-based knowledge workspace. Build and explore networks of ideas, people, and concepts with visual queries. Runs entirely in the browser.

TypeScript · Cytoscape.js · IndexedDB

Details Live app

FuelHunt Maps Cloud

Fuel station finder for South Africa. Search by location, filter by fuel type, get directions. Full-screen map with Google Maps-style bottom sheet.

TypeScript · Expo · Supabase · Mapbox

Details Live app

SyncTone Messaging Anonymous

Anonymous messaging with tone tags. Senders tag the intended tone of each message. Tones are revealed when the receiver enters the chat.

TypeScript · Expo · Supabase

Details Live app

Sancio Legal Cloud

Module-based agreement builder. Agreements assembled from individually authored, negotiated, and signed text modules. Progressive signing with version history.

TypeScript · React · Supabase · Tailwind

Details Live app

Four Ems Forms Cloud

Self-hosted form builder. Drag-and-drop editor, multi-page forms, conditional logic, response dashboard, CSV export, and iframe embedding.

TypeScript · React · Tailwind · Supabase

Details Live app

Cashflow Tracker Finance On-device

Household cashflow tracker. Import bank statements, detect recurring patterns, forecast spending with statistical models. All data stays on-device.

JavaScript · Vue 3 · Vite · IndexedDB

Details Live app Source

Software Transaction Structuring Tool Finance

B2B software pricing tool. Find optimal pricing where you hit your margin and the client sees ROI. Compare 6 transaction models with 47 variants.

TypeScript · React · Vite

Details Live app Source

Personal CV / Resume Portfolio On-device

Personal CV and resume as an installable web app. Skills, project showcase, activity charts, and PDF export built in.

TypeScript · React · Tailwind

Details Live app Source

Internal Tools

Infrastructure, analytics, and supporting repositories.

Git Analytics Dashboard Analytics

Git analytics dashboard. Extract commit history from any repo, visualize progress, contributors, and code health. 6 dashboard tabs with role-based views.

Details Dashboard Source

Utilities API API

Utilities API on Vercel. Contact form endpoint, multi-tenant form builder, and agreement management backend. All backed by Supabase.

Details Live

Project Portfolio Config

This site. Hosts shared AI assistant rules, engineering patterns, and the project portfolio. Also serves as the canonical CLAUDE.md reference.

CLAUDE.md Source

CDN Assets for CanvaGrid CDN

CDN assets repository for canva-grid. Hosts sample images and media files served to the design tool.

Details Source

Patterns

Reusable implementation patterns extracted from real projects. Each is documented with requirements, approach, alternatives considered, and key lessons. View full reference.

Loading patterns...