B'Weather

Site de consultation météo en temps réel avec l’API OpenWeatherMap.

Capture de l'application B'Weather
Image de représentation du projet B'Weather.

Aperçu du projet

B'Weather est un site vitrine interactif qui permet de consulter la météo d’une ville en temps réel à partir de l’API OpenWeatherMap.

L’objectif est de proposer une interface rapide, lisible et responsive pour afficher des informations utiles comme la température, l’humidité, le vent et la description météo.

Contexte du projet

Ce projet personnel m’a permis de travailler l’intégration d’API REST en JavaScript, le traitement de données JSON et l’affichage dynamique des résultats côté frontend.

Langages utilisés

Technologies mobilisées pour ce projet.

Logo HTML

HTML5

Logo CSS

CSS3

Logo JavaScript

JavaScript

Outils utilisés

Environnement et outils mobilisés pendant le projet.

Logo VS Code

VS Code

Logo Chrome

Chrome Debugging

Logo GitHub

GitHub

Intégration OpenWeatherMap

Fonctionnement de la récupération des données météo.

Requête API

L’application envoie une requête HTTP à l’API OpenWeatherMap avec le nom de la ville saisi par l’utilisateur.

  • Récupération des données en format JSON
  • Gestion des erreurs (ville invalide, API indisponible)
  • Affichage dynamique des informations météo

Affichage utilisateur

Les données essentielles sont affichées de façon claire pour une consultation immédiate.

Aperçu de l'affichage météo de B'Weather
Interface de consultation météo en temps réel.

Fonctionnalités principales

  • Recherche météo par nom de ville
  • Affichage de la température et du ressenti
  • Consultation de l’humidité et des conditions climatiques
  • Affichage de la vitesse du vent
  • Interface responsive mobile / desktop