weather-now
Template
Type any city and see its temperature, sky, humidity and wind right now, from the free Open-Meteo APIs. It teaches chaining two API calls: the answer to the first becomes the question for the second.
Updated 2026-09-27 21:27:47 +02:00
nasa-photo-proxy
Template
NASA's Astronomy Picture of the Day, fetched through your own tiny Node server. The same "fetch some data and show it" idea as the browser tutorials — but now with a real backend, so you learn why apps have servers: to keep secrets like API keys out of
Updated 2026-09-27 21:27:09 +02:00
image-slideshow
Template
A slideshow you can click through — prev, next and dots — or let play by itself. It's all about one idea: keep a list and an index into it, and wrap the index around the ends.
Updated 2026-09-27 21:27:02 +02:00
form-validation
Template
A sign-up form that checks each field and explains exactly what's wrong, right under the field that's wrong. It teaches form events, a readable regex, and how to give feedback that screen readers announce too.
Updated 2026-09-27 21:26:58 +02:00
dictionary-lookup
Template
Type a word and read its pronunciation and definitions, grouped by part of speech, from a free dictionary API. It's your lesson in digging data out of real JSON — arrays tucked inside objects tucked inside arrays.
Updated 2026-09-27 21:26:53 +02:00
currency-converter
Template
Type an amount, pick two currencies, and see the conversion at the latest European Central Bank rate, from the free Frankfurter API. It teaches building URLs with query parameters, and filling dropdowns from data an API gives you.
Updated 2026-09-27 21:26:47 +02:00
crypto-ticker
Template
A little price board for Bitcoin, Ethereum and friends that refreshes itself every 30 seconds, with 24-hour changes in green and red. It teaches polling: asking an API again on a timer.
Updated 2026-09-27 21:26:45 +02:00
country-explorer
Template
Search any country and get a tidy fact card — flag, capital, region, population, languages and currencies — from the free countries.dev API. It's a lesson in pulling apart a rich, real-world JSON object.
Updated 2026-09-27 21:26:42 +02:00
color-picker
Template
Pick a color and instantly see its HEX and RGB codes, a big preview and a palette of lighter and darker shades — then copy any of them with one click. It teaches the color input, how HEX and RGB relate, and the Clipboard API.
Updated 2026-09-27 21:26:37 +02:00