πŸ€– APIs for Everyone
✨ Learn AI/ML with colourful APIs

APIs make AI/ML
fun, friendly & magical

Build amazing projects by connecting your app to smart services. This page guides school students through five simple steps with cute visuals, a live 3D scene, and a safe-to-try playground.

Made for classrooms β€’ No keys needed for the demo
πŸ’« Simple 3D hello-worldDrag to orbit
πŸ€– πŸ¦„ πŸ±β€πŸ’» 🌈 ✨ 🧠 🎈 πŸ›°οΈ 🧩 πŸͺ„   πŸ€– πŸ¦„ πŸ±β€πŸ’» 🌈 ✨ 🧠 🎈 πŸ›°οΈ 🧩 πŸͺ„   πŸ€– πŸ¦„ πŸ±β€πŸ’» 🌈 ✨ 🧠 🎈 πŸ›°οΈ 🧩 πŸͺ„

5 Steps to Build with APIs

Each step has a different colour theme 🎨
STEP 1

Explore & Choose

Pick a friendly API (text, vision, speech). Read the Quickstart with input/output examples.

// Explore an API
// Choose one that fits your idea: text, vision or speech.
// Tip: Try a "Playground" on the provider’s site.
STEP 2

Get an API Key

Create a free account and copy your secret key. Keep it hiddenβ€”never push to GitHub.

// Store your key safely (backend or .env)
const KEY = process.env.MY_API_KEY;
// On the web, call your own backend so keys stay secret.
STEP 3

Make Your First Call

Send a request with a prompt or imageβ€”then log the JSON response. High-five when you see data!

// Hello API (client β†’ your backend)
fetch('/api/generate', {
  method: 'POST',
  headers: {'Content-Type':'application/json'},
  body: JSON.stringify({ prompt: 'Write a limerick about APIs' })
}).then(r=>r.json()).then(console.log);
STEP 4

Add a Tiny Model

Use a pre-trained model or teach a mini one (e.g., k-NN). Visualise accuracy & loss as it learns.

// Mini-ML (pseudocode)
const label = knn.predict(features, 3);
// Draw charts each epoch to build intuition.
STEP 5

Build a Cute UI

Wrap it in an app with buttons, emojis, charts & confetti. Share with friends!

// Success celebrate
if (firstSuccess) launchConfetti();
BONUS

Project Ideas

  • πŸͺ„ Magic Flashcards: text β†’ emoji hints β†’ voice-over.
  • πŸ¦„ Unicorn Vision: identify colours, shapes & smiles.
  • 🎡 Music Mood Maker: classify a playlist’s vibe.
  • πŸ›°οΈ Space Facts Bot: fun facts with images.

API Playground

Try a simulated call (no keys)
Simulated demo β€’ no keys needed
Ready
/* Your output will appear here */

See How Models Learn

Loss goes down, accuracy up πŸ“‰πŸ“ˆ

Training Curve

Weekly API Calls

Make it 3D! (No math degree required)

Hover or move your mouse
3D card 1
3D card 2
3D card 3

Use free stock or cartoon art β€” or generate AI images for your project mascots!