Contexte
Dans le cadre d’une formation en JavaScript sur la plateforme Udemy, j’ai réalisé une application météo grâce à un API. Très simpliste, mais fonctionnelle, j’ai voulu aller plus loin dans ce projet en créant une interface plus jolie et plus complète. J’ai aussi ajouté la date et l’heure de la ville choisie ou géolocalisée. Cela me permet de proposer différents designs selon l’heure (matin, après-midi, soirée, nuit). De plus, je récupère la langue du navigateur pour proposer à l’internaute une vue dans sa langue.
Villes mises en avant
J’ai choisi de mettre en avant certaines grandes villes pour agrémenter le visuel de l’application. Via l’API, je récupère l’ID de la ville et si celui-ci correspond à une ville de ma liste, j’ajoute une animation. Pour cela, je charge une vidéo .webm en boucle. Dans les possibles améliorations, je voudrais proposer cette animation en JSON (via Bodymovin par exemple) pour alléger les fichiers importés et avoir un meilleur contrôle des temps de boucle.
Les villes sont/seront : Paris, Londres, New York, Amsterdam, Washington, Los Angeles, Tokyo, Berlin, Rome, Sydney, Zurich, Hong Kong, Toronto, Singapour, Pékin, Stockholm, Rio, Athènes, Porto, Lisbonne, Budapest, San Francisco (et Nantes).
