learning-weather

Exercices

Exo 1 (manipuler du json + cherche dans la doc)

• Rajouter l'humidité en %
• Rajouter la vitesse du vent
• Rajouter la température ressentie

Exo 2 (Retravailler les arguments + event + les requetes ajax)

• Rajouter un input pour saisir la ville
• Faire une requete en fonction de la ville
• Actualiser les données

Créer une nouvelle fonction dans weatherAction

Exo 3 (Voir fonction javascript géolocalisation)

• Créer un chargement par défaut suivant la localisation courante

Exo 4 (Documentation, comment ils gérent la langue)

• Un select (Anglais, Français et Japonais)
• Par défaut, sur Anglais
• Et switch de langue en fonction de ce que l'utilisateur à choisi Design : https://material-ui.com/components/selects/ s

Exo 5 (Documentation, comment ils gérent la temperature)

• Proposer des modes : Degré, Farenheit, Kelvin
• Par défaut, en Kelvin
• et switch d'unité (metrics) Design : https://material-ui.com/components/selects/

Exo 6 (Gérer plusieurs API dans une app React + lire la doc) (Difficulté : ***)

• Récupérer les prévisions sur les 4 jours d'après

Exo 7

• Soigner le design
• Material, Bootstrap
• Grid

Configuration

Api Weather

https://openweathermap.org/

Create-react-app

L'application est créée avec create react app : https://github.com/facebook/create-react-app

Axios

Utiliser Axios pour faire votre requete Ajax plus facilement : https://github.com/axios/axios

npm install axios --save

import axios from 'axios'

Install et run

npm install

npm start