C'est une application qui permet de voir la meteo dans une ville.

Pour ce projet bien evidemment on a utilise du HTML et du CSS

On a utilise Open Weather Map comme API pour nous fournir les meteos des villes

Pour avoir access a l'api vous devez juste creer un compte et vous devez recuperer votre token

l' URL utilise doit être sous cette forme: https://api.openweathermap.org/data/2.5/weather?q=nom_de_la_ville&appid=votre_token&units=metric

Mais vu que l'on veut connaitre la ville de l'utilisateur au cas ou il active la localisation alors on utilise plus tot ce lien :

https://api.openweathermap.org/data/2.5/weather?lat=latitude&lon=longitude&appid=votre_token&units=metric

Cet API nous retourne un JSON avec beaucoup d'information mais on utilisera juste quelques ...

Ce code est un extrait de comment recuperer les informations grace a l'API

const url = " ... ";
let requete = new XMLHttpRequest();
requete.open("GET", url);
requete.responseType = "json";
requete.send();
requete.onload = function () {
  if (requete.readyState === XMLHttpRequest.DONE) {
    if (requete.status === 200) {
      let reponse = requete.response;
      let temperature = reponse.main.temp;
      let ville = reponse.name;
      let feels = reponse.main.feels_like;
      let humidity = reponse.main.humidity;
      let windSpeed = reponse.wind.speed;
    }
  }
};

• temperature : c'est la temperature dans la ville
• ville : c'est le nom de la ville
• feels : c'est la temperature ressentie
• humidity : c'est l'humidite
• windSpeed : c'est la vitesse du vent