Show HN: Zap Code – AI code generator that teaches kids real HTML/CSS/JS
Show HN (score: 6)Description
The core loop: kid types "make a space shooter game", AI generates the code, live preview renders it immediately. Three interaction modes - visual-only tweaks, read-only code view with annotations, and full code editing with AI autocomplete.
Technical details: Next.js frontend, Node.js backend, Monaco editor simplified for younger users, sandboxed iframe for preview execution (no external API calls from generated code). Progressive complexity engine uses a skill model to decide when to surface more advanced features.
Main thing that was focused on was the gap between block-based coding (Scratch, etc.) and actual programming. Block tools are great for ages 6-10 but the transition to real code is rough. This tries to smooth that curve by letting kids interact with real output first, then gradually exposing the code behind it.
Limitations: AI-generated code isn't always clean or idiomatic. Content is filtered for age-appropriateness but its not perfect. Collaboration features are still basic. The complexity engine needs more data to tune well.
Free tier, 3 projects. Pro at $9.99/mo.
More from Show
Show HN: Life Tile – Passive time tracker that shows your day as a Mondrian grid
Show HN: Life Tile – Passive time tracker that shows your day as a Mondrian grid Hi, I developed Life Tile for iPhone. It tracks your time passively and visualizes it as a Mondrian-style grid. It's a one-time purchase app with a 7-day trial.<p>I was a user of a similar app named Life Cycle. Since the app hasn't been updated in a while, I tried to make a better app with my ideas and experiences. I used a big square timeline instead of a donut chart. And I added more useful views: tree-map, map, and list. You can use categorized activities with custom colors.<p>The data never leaves a device. No account, No Server. It only supports data backup using iCloud. It was for privacy but it also makes the development easier. I added just one anonymous usage stat with TelemetryDeck. You can turn it off anytime.<p>There were many technical difficulties. iOS location API (CLMonitor) is not 100% precise. And many difficult cases can't be handled automatically. For example, GPS blackout inside the subway, too many venues in a small region, and a huge location like an airport. So I improved many heuristics and tried my best for easy editing.<p>Please check the App Store for the screenshots. Then you'll know why it's inspired by Mondrian.
No other tools from this source yet.