Weather App

J'en avais assez de sortir et de devoir vérifier la météo à l'extérieur. Marre d'utiliser l'application météo de Google. Cette application météo simple affiche uniquement les conditions actuelles pour une zone donnée.

De plus, j'ai toujours voulu comprendre comment fonctionne la consommation d'une API REST.

En apprenant NodeJS, j'ai voulu réaliser quelque chose de simple et rapide. Ce projet est une application web qui me permet d'afficher la météo en temps réel, la température, l'humidité, la vitesse du vent, ainsi qu'une prévision pour la semaine à venir...

Présentation du projet :

API (Interface de Programmation d'Applications) :
Une API est une interface permettant d’échanger des données entre une application et un autre programme. Elle fonctionne selon un accord d’entrée et de sortie et permet d’accéder à des informations d’une application sans en avoir besoin directement. En d’autres termes, une API est un canal de distribution ouvert, offert par le propriétaire du programme. C’est un concept intangible utilisé pour permettre l’interopérabilité entre différentes applications.

Services utilisés :

OpenWeather :

• Appel des données météo actuelles pour un lieu :
  api.openweathermap.org/data/2.5/weather?q={nom de la ville}&appid={clé API}

• Prévisions sur 5 jours / 3 heures :
  api.openweathermap.org/data/2.5/forecast?q={nom de la ville}&appid={clé API}

• Prévisions sur 7 jours :
  https://api.openweathermap.org/data/2.5/onecall?lat={latitude}&lon={longitude}&exclude={part}&appid={clé API}

Plus d’informations : OpenWeather

Mapbox :

• Géocodage pour obtenir les coordonnées d’une ville :
  https://api.mapbox.com/geocoding/v5

Plus d’informations : Mapbox

Fonctionnalités :

• Aujourd’hui :
  Accédez à la météo actuelle pour une ville sur la page principale

• Prévisions de la semaine :
  Consultez les prévisions pour la semaine sur 7 jours

• Affichage des températures de la semaine, phase de la lune, etc.

Utilisation :

1. L'utilisateur entre le nom d'une ville.
2. L'application interroge l'API en fonction du nom de la ville.
3. Elle retourne ensuite les informations météo correspondantes : température, humidité, vent, prévisions pour la semaine, phase de la lune, etc.

Statut du projet :

✔️ L’application fonctionne correctement.

Améliorations prévues :

• Visualiser la température avec un graphique (chartjs) ✔️
• Refonte du design en cours
• Ajouter d’autres fonctionnalités météo ✔️
• Ajouter un graphique pour les précipitations (en cours)
• Convertisseur Celsius vers Fahrenheit
• Afficher les marées hautes et basses ✔️
• Affichage de la phase lunaire ✔️ (Mise à jour du 04/04/21)

Conclusion :

Ce projet est une application simple mais complète pour consulter les conditions météorologiques actuelles, les prévisions, ainsi que des informations supplémentaires comme la phase de la lune et les marées. L’application se base sur des API ouvertes comme OpenWeather et Mapbox pour récupérer les données et offre une interface utilisateur claire et facile à utiliser. Les futures améliorations permettront d'enrichir l’expérience utilisateur avec des graphiques interactifs et des fonctionnalités supplémentaires.