Skip to content

13. Kalkulator walutowy

This content is not available in your language yet.

Przelicznik walut z kursami pobranymi z darmowego API — wybór walut, wpisanie kwoty, wynik przeliczenia.

// Darmowe API: https://api.exchangerate-api.com/v4/latest/PLN
// lub: https://api.frankfurter.app/latest?base=PLN&symbols=USD,EUR,GBP
async function getRates(baseCurrency = 'PLN') {
const res = await fetch(`https://api.frankfurter.app/latest?base=${baseCurrency}`);
const data = await res.json();
return data.rates; // { USD: 0.25, EUR: 0.23, ... }
}
  • Wybór waluty źródłowej i docelowej (dropdown)
  • Wpisanie kwoty i wynik przeliczenia
  • Kursy z Frankfurter API
  • Obsługa stanu ładowania i błędów
  • Data aktualizacji kursów
Ocena: 3.0

Powodzenia!

Kalkulator walutowy to projekt z prawdziwym, zmiennym API. Pamiętaj o cacheowaniu kursów w localStorage — Frankfurter API ma limity i nie powinieneś odpytywać przy każdym wciśnięciu klawisza. Implementuj “odświeżaj kursy max raz na godzinę”.