CodeMemory

Encryption Visualizer

Interactive educational platform for learning cryptographic algorithms through real-time step-by-step visualizations.

Coulson One

Enterprise-scale TypeScript/React application with 64,806 files. Led architecture decisions and core feature implementation for aviation resource management.

Start a Conversation See More Projects

CAIPO.ai

Designed and built an AI-powered platform as part of the Flo Labs 6-site ecosystem. Led frontend architecture, component integration, and UX for complex AI interactions.

Keep exploring

Previous Project

MCP Wrapper

Model Context Protocol tooling built during engagement with Flo Labs for streamlining AI integrations.

Next Project

ComponentCompass

AI design system navigator for shadcn/ui with GPT-4 Vision screenshot analysis, multi-index search (components, code, accessibility), and streaming responses. 24 passing tests.

Case study

devtools2024

CodeMemory

Master web development through spaced repetition using FSRS algorithm with flashcards and coding challenges.

Building the tools that build the tools

Field notes

Role

Creator

Read order

Evidence first, then constraint → build → proof. Use the chapter rail to jump sections; orbit to adjacent work from the bottom of the case study.

DevTools Arsenal✦II-Class Star

Evidence

System surface

No public screenshot on file—generative preview stands in for the visual layer.

Signature viewpreview

Story arc

How this shipped

Building the tools that build the toolsThree beats: what pressed against the work, how the stack answered, and what changed once it was live.

I · Constraint

The brief

Helping developers retain web development concepts long-term through scientifically-proven learning methods.

II · Build

The craft

Implemented FSRS (Free Spaced Repetition Scheduler) algorithm for optimal review timing. Combined flashcards with hands-on coding challenges.

III · Proof

What moved after launch

Inventory

Stack & signals

React

Tell me what you're building

If you need someone who can own UI, systems, and AI integration without losing the plot—I'm listening. Contract, advisory, or full-time: we'll find the right shape.

Related work

Same clustersignal 2

Encryption Visualizer

Interactive educational platform for learning cryptographic algorithms through real-time step-by-step visualizations.

Coulson One

Enterprise-scale TypeScript/React application with 64,806 files. Led architecture decisions and core feature implementation for aviation resource management.