---
id: bd7158d8c442eddfaeb5bd10
title: Mostra il Meteo locale
challengeType: 3
forumTopicId: 302368
dashedName: show-the-local-weather
---

# --description--

**Obiettivo:** crea un'app funzionalmente simile a questa: <a href="https://codepen.io/freeCodeCamp/full/bELRjV" target="_blank" rel="noopener noreferrer nofollow">https://codepen.io/freeCodeCamp/full/bELRjV</a>.

**Regola #1:** Non guardare il codice del progetto di esempio. Arrivaci per conto tuo.

**Regola #2:** Soddisfa le seguenti user story per passare tutti i test. Utilizza le librerie o le API di cui hai bisogno. Usa il tuo stile personale.

**User Story:** Posso vedere il meteo della mia posizione attuale.

**User Story:** Posso vedere un'icona o un'immagine di sfondo diversa (per esempio montagna innevata, deserto caldo) a seconda del tempo atmosferico.

**User Story:** Posso premere un pulsante per passare da Fahrenheit a Celsius e viceversa.

**Nota:** Molti browser Internet richiedono una connessione HTTP Secure (`https://`) per ottenere la posizione di un utente tramite Geolocalizzazione HTML5. Per questa ragione raccomandiamo l'uso della geolocalizzazione HTML5 per ottenere la posizione dell'utente, e poi di usare l'API meteo di freeCodeCamp (freeCodeCamp Weather API) <a href="https://weather-proxy.freecodecamp.rocks/" target="_blank" rel="noopener noreferrer nofollow">https://weather-proxy.freecodecamp.rocks/</a> la quale usa una connessione HTTP Secure per il meteo. Assicurati anche di connetterti a <a href="https://codepen.io" target="_blank" rel="noopener noreferrer nofollow">CodePen.io</a> via `https://`.

Quando hai finito, includi un link al tuo progetto su CodePen e clicca sul pulsante "Ho completato questa sfida".

Puoi ottenere un feedback sul tuo progetto condividendolo sul <a href="https://forum.freecodecamp.org/c/project-feedback/409" target="_blank" rel="noopener noreferrer nofollow">forum di freeCodeCamp</a>.

# --solutions--

```js
// solution required
```
