34 lines
1.7 KiB
Markdown
34 lines
1.7 KiB
Markdown
---
|
|
id: bd7158d8c442eddfaeb5bd10
|
|
title: Mostra il Meteo locale
|
|
challengeType: 3
|
|
forumTopicId: 302368
|
|
dashedName: show-the-local-weather
|
|
---
|
|
|
|
# --description--
|
|
|
|
**Obiettivo:** Costruisci un'app [CodePen.io](https://codepen.io) funzionalmente simile a questa: <https://codepen.io/freeCodeCamp/full/bELRjV>.
|
|
|
|
**Regola #1:** Non guardare il codice del progetto di esempio. Arrivaci per conto tuo.
|
|
|
|
**Regola #2:** Soddisfa le seguenti [user story](https://en.wikipedia.org/wiki/User_story). 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) <https://weather-proxy.freecodecamp.rocks/> la quale usa una connessione HTTP Secure per il meteo. Assicurati anche di connetterti a [CodePen.io](https://codepen.io) 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 forum [freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
// solution required
|
|
```
|