Intermediate — Claude API Project
👨‍👩‍👧 For Parents & Teachers

This project uses HTML, CSS, and JavaScript to call the Claude AI API and ask for a recipe as structured JSON — then renders a 3×3 grid dynamically. Kids learn these skills by building it:

  • Calling an API with fetch()
  • Asking AI for JSON output
  • Parsing with JSON.parse()
  • CSS Grid
  • Rendering from data with loops
  • Handling "not found" errors
🪵

Minecraft Recipe Guide

Type anything craftable — the AI draws the 3×3 grid and tells you where to get the parts.

Try one