Back to The Grid
PROJECT #002Completed

Learning Platform Bundle

Single codebase serving 6 programming courses (Rust, TypeScript, JavaScript, PHP, SQL, Zig) across separate domains. Features an AI tutor powered by Claude, interactive Monaco editor with in-browser code execution, and structured lessons from beginner to advanced. Each language gets its own brand, domain, and lesson content.

Shipped: 2026-01-04
Next.jsTypeScriptPostgreSQLClaude AIMonaco EditorTailwind CSS

Retrospective

The Good

Single codebase serves Rust, TypeScript, JavaScript, PHP, SQL, and Zig courses across 6 domains. Monaco Editor with per-language syntax highlighting and WASM-based execution means code actually runs in the browser. Claude integration for hints was the feature that made it click for learners.

The Bad

Each language needs its own runtime for code execution. Rust compiles via WASM, PHP needs a serverless function, SQL runs in sql.js. Maintaining 6 different execution backends from one app is a constant juggle.

The Ugly

Lesson content is MDX files committed to the repo. Adding a new lesson means a PR, build, and deploy. Should have built a CMS from the start. Also, the playground output panel disappears on mobile — turns out 375px isn't enough for a code editor and output side by side.

Screenshots