Students write real web code in a real editor and watch it come to life in a live preview. They mine their way through three worlds, finishing short coding quests to earn XP and climb from Dirt to Obsidian. Friendly hints explain what’s missing instead of showing confusing errors.
Level: Beginner
Ages: 9–14
Length: Self-paced, about 30 quests
Format: Play right here in the browser. No account or download needed. Works best on a laptop or desktop with a keyboard.
Outcomes
- Build a web page from scratch with HTML tags: headings, paragraphs, links, images and lists
- Style pages with CSS: colors, fonts, spacing and layout
- Make pages interactive with JavaScript: variables, events and logic
- Read feedback, fix mistakes and test code like a real developer
The three worlds
- HTML Grasslands — build with blocks of text — 10 quests
- CSS Caves — paint and decorate your world — 10 quests
- JS Sparkstone Mines — make things move and think — 10 quests
Each world unlocks after the one before it. The app also has a Vietnamese language option.
For parents
- No sign-up, no ads and no chat. Players pick a first name and a character head, and progress is saved in this browser on this device.
- We host our own copy on this site and removed the original’s visitor analytics.
- Some image quests load sample photos from picsum.photos, a free placeholder-image service.
- Ready for more? Our Mobile Apps and AI Chatbots classes put these web skills to work with an instructor.
Credits: CodeCraft is open-source software by Đạm Trần (damtt/mycodecraft), used under the MIT License. Our copy is modified only to remove analytics, bundle its images and run on this site. License notices are included in the app file. CodeCraft is not affiliated with or endorsed by any video game company.