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.
5 Steps to Build with APIs
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.
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.
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);
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.
Build a Cute UI
Wrap it in an app with buttons, emojis, charts & confetti. Share with friends!
// Success celebrate if (firstSuccess) launchConfetti();
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
See How Models Learn
Training Curve
Weekly API Calls
Make it 3D! (No math degree required)
Use free stock or cartoon art β or generate AI images for your project mascots!