CodeCraft: Galactic Developer

An educational coding game. You write HTML, CSS and JavaScript in a Monaco editor and watch it build a 3D space colony in React Three Fiber, with hints, mastery tracking and daily streaks.

Role: Creator
Years: 2024
Status: Live
Stack: Next.js 16
Three.js
Monaco Editor
Redux
GSAP

Visit codecraft-dev-one.vercel.app

Live

category: Design
stack: Next.js 16, Three.js, Monaco Editor, Redux

No screenshot published2024

The brief

Teach front-end code through play.

The build

Challenges with starter templates and validation, and a 3D colony that updates as your code runs.

What shipped

Live at codecraft-dev-one.vercel.app. The repository is private.

Shares the most stack with this project

Security Readiness PlatformA security-readiness assessment in production for a cybersecurity nonprofit (client confidential). It runs on Dynamics 365, Power Platform and Dataverse, with a Next.js front end. I built it in 12 implementation phases and I am the sole developer.Next.js 16
Lead-Gen & Ops PlatformA lead-generation and operations site I built for the same cybersecurity nonprofit (client confidential). Next.js 16, React 19, Drizzle and Neon Postgres, hosted on Vercel.Next.js 16
TimeSlipSearchWinner of the Algolia Agent Studio Challenge in March 2026, one of four winners ($750 and a DEV++ membership). A conversational search over 420,000+ pop-culture records from 1958 to 2020: ask for "summer of 69" or a birthday and it returns the number one song, what was in theaters, what gas cost and what made the news.Next.js 16

Hiring for something like this?

Contract, advisory, or full-time. Tell me what you are building.

Start a conversation hello@elizabethannstein.com

The brief

The build

What shipped

Related work

Hiring for something like this?