Tableau de bord météo complet

Créez un tableau de bord météo complet en utilisant HTML5, CSS3, JavaScript et l'API OpenWeatherMap. Créez une interface visuellement attrayante affichant les conditions météorologiques actuelles avec des icônes appropriées et des changements d'arrière-plan en fonction de la météo ou de l'heure de la journée. Affichez une prévision détaillée sur 5 jours avec une ventilation horaire extensible pour chaque jour. Implémentez une recherche de lieu avec autocomplétion et historique, prenant en charge à la fois les noms de villes et les coordonnées. Ajoutez la prise en charge de la géolocalisation pour détecter automatiquement la position de l'utilisateur. Incluez des bascules pour les unités de température (°C/°F) et les formats d'heure. Affichez les alertes météo sévères avec une mise en évidence prioritaire. Montrez des données météorologiques détaillées, notamment la vitesse et la direction du vent, l'humidité, la pression, l'indice UV et la qualité de l'air lorsqu'ils sont disponibles. Incluez les heures de lever et de coucher du soleil avec des indicateurs visuels. Créez une mise en page entièrement réactive en utilisant CSS Grid qui s'adapte à toutes les tailles d'appareils avec une densité d'informations appropriée.