CodeCraft: Galactic Developer

Creator2024

●LIVE★FEATURED

Overview

Educational coding game combining real programming with space colony gameplay. Three.js real-time 3D visualization, Monaco editor for live code editing, Redux state management, narrative-driven progression.

Challenge

Teaching real programming concepts through engaging gameplay rather than dry tutorials.

Solution

Combined Three.js 3D colony visualization with Monaco editor for live coding. Narrative progression unlocks new programming concepts as players advance.

Impact

Teaches JavaScript fundamentals through 20+ interactive missions. Real-time 3D feedback makes abstract concepts tangible. GSAP animations create immersive learning experience.

System Architecture

Open Live Site

codecraft-dev-one.vercel.app

Tech Stack

Next.js 16Three.jsMonaco EditorReduxGSAP

Explore More

Previous Project

Specter

Published npm CLI that gives your codebase a voice — speaking as it in first person. 65 commands, 14 MCP tools for Claude Desktop integration, and 12 personality modes (mentor, critic, storyteller, and more). Code archaeology, bus factor analysis, dead code detection, complexity hotspots, and impact analysis — all narrated with AI-powered context.

Next Project

Color Studio

Advanced color manipulation tool for designers with live previews and palette generation.

INITIALIZING HYPERDRIVE