APIs & Data
Currency Converter
Convert between currencies at the latest real exchange rates.
Pick two currencies, type an amount, get the conversion using the latest rates published by the European Central Bank. You'll learn query parameters and how to build dropdowns from data the API gives you.
What's inside
- Latest ECB rates for 30 currencies, with their date
- Dropdowns populated from the API
- URL query parameters, explained
- Recomputes as you type; fetches only when a currency changes
- Free API, no key required
Quickstart
$ git clone https://github.com/devai-io/devai_boilerplates.git$ cd devai_boilerplates/currency-converter$ open index.html # or just double-click the file
about this tutorial
A devai.io starter tutorial — query parameters and computing from live data.
More in APIs & Data
view allAPIs & Data
Weather Right Now
Type a city, get the live weather — your first two-step API call.
HTMLCSSJavaScriptfetch()+1
View template zip + preview
APIs & Data
GitHub Profile Card
Type a username, get their profile — your first taste of an API.
HTMLCSSJavaScriptfetch()+1
View template zip + preview
APIs & Data
Random Quote Machine
Load quotes from a data file and show a new one on demand.
HTMLCSSJavaScriptfetch()+1
View template zip + preview