← Dashboard

🌤️ App Meteo

API pubblica Open-Meteo

🔍 Ricerca Città

💡 Esempi: Milano (45.46, 9.19) | Roma (41.90, 12.50) | Napoli (40.85, 14.27)

⏳ Caricamento meteo...

📝 Cosa Devi Fare

  1. Leggi latitudine e longitudine dagli input
  2. Costruisci l'URL della richiesta con i parametri query
    • URL base: https://api.open-meteo.com/v1/forecast
    • Parametri: latitude, longitude, current, timezone
  3. Fai una GET all'URL che hai costruito
  4. Crea l'oggetto dalla risposta JSON
  5. Prendi i dati da dentro response.current
    L'oggetto è più complesso, ma ci servono solo i dati attuali.
  6. Visualizza temperatura, umidità, descrizione meteo
💡 Come costruire l'URL:

I parametri query iniziano con ? e sono separati da &

const url = `https://api.open-meteo.com/v1/forecast?latitude=${lat}&longitude=${lon}&current=temperature_2m,relative_humidity_2m,weather_code&timezone=auto`;
💡 URL Completo (esempio con Milano): 
https://api.open-meteo.com/v1/forecast?latitude=45.46&longitude=9.19&current=temperature_2m,relative_humidity_2m,weather_code&timezone=auto

Puoi testare questo URL direttamente nel browser per vedere la struttura della risposta.

Sarà in formato JSON, copiala e mettila in un visualizzatore JSON online per esplorarla meglio.
Oppure mettila in un file (es. response.json) e aprilo con VSCode, premi CTRL+SHIFT+F per formattarlo.

💡 Struttura Risposta: 
response.current = {
  time: "2024-06-01T12:00:00Z",
  interval: 900,
  temperature_2m: 22.5,
  relative_humidity_2m: 65,
  weather_code: 0  // 0=soleggiato, 1=nuvoloso, 2=coperto, 3=pioggia, ecc
}
🎯 Bonus Challenge:

Converti il codice meteo in emoji (0=☀️, 1=⛅, 2=☁️, 3=🌧️, ecc.) usando una mappa di conversione