Un projet web

Développement d'une application web permettant d'afficher la méteo d'une ville avec un input en auto-complétion sur BDD

Dans le cadre de ma formation licence professionnelle développeur web, nous avons réalisé une application web permettant d’afficher la météo d’une ville. L’utilisateur devait entrer le début du nom de la ville souhaitée, et grâce à l’autocomplétion réalisée en javascript, il choisit sa ville parmi les solutions proposées. Enfin, la météo actuelle de la ville s’affiche. (auto-complétion sur des données en BDD + récupération données via API en JS + affichage map via leafletJS)

Description du projet

Dans le cadre de ma formation, nous avons eu en devoir, la réalisation d’une petite application web permettant d’afficher la météo d’une ville. Comme contrainte, nous devions réaliser une auto-complétion sur le champ de la ville depuis des données en base de données, et nous devions utiliser l’API OpenWeatherMap. L’aspect graphique du projet n’était pas important, j’ai donc utilisé Bootstrap 4 afin de styliser rapidement mes éléments.

J’ai découpé la réalisation de ce TP en plusieurs parties:
  • création de la structure de la page
  • réalisation l’auto-complétion dans une datalist depuis des données situées en BDD avec une requête ajax
  • récupération des données météo depuis l’api OpenWeatherMap en asynchrone
  • affichage de la map avec leafletJS, et openStreetMap
  • amélioration du code pour une meilleure gestion des erreurs (avec des promises javascript)

Technologies et outils utilisés

Le projet en image

capture ecran de la section affichage de la carte et des donnees méteos capture ecran du champ en auto-completion

Projets similaires

Vous êtes encore là ? Je suis flatté, et si nous nous appelions ?

Me contacter