https://github.com/aperbet56/meteo_zen
Création d'une application météo en HTML5, CSS3 et JavaScript ☀️ 🌞 ☁️ ⛅ ⛈️ 🌤️
https://github.com/aperbet56/meteo_zen
addeventlistener async-await css3 fetch-api flexbox grid html5 if-else javascript normalize-css reset-css responsive-design settimeout transition-animation
Last synced: 5 days ago
JSON representation
Création d'une application météo en HTML5, CSS3 et JavaScript ☀️ 🌞 ☁️ ⛅ ⛈️ 🌤️
- Host: GitHub
- URL: https://github.com/aperbet56/meteo_zen
- Owner: aperbet56
- Created: 2026-03-11T14:23:54.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2026-03-11T17:22:52.000Z (5 months ago)
- Last Synced: 2026-03-11T20:14:36.151Z (5 months ago)
- Topics: addeventlistener, async-await, css3, fetch-api, flexbox, grid, html5, if-else, javascript, normalize-css, reset-css, responsive-design, settimeout, transition-animation
- Language: JavaScript
- Homepage: https://aperbet56.github.io/meteo_zen/
- Size: 16.8 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## APPLICATION METEO ☀️ 🌞 ☁️ ⛅ ⛈️ 🌤️ : METEO ZEN
## Le challenge
Création d'une application météo dynamique et responsive avec une recherche de ville, un affichage des données météo en temps réel (via l'API OpenWeatherMap), de la date et de l'heure.
## 🔑 Clé API OpenWeatherMap
Voici les étapes nécessaires afin d'obtenir une clé pour l'API OpenWeatherMap:
- Créer un compte sur openweathermap.org
- Obtenir une clé API gratuite
## Démonstration
Lien vers le projet : https://aperbet56.github.io/meteo_zen/
## Projet développé avec
- Utilisation des balises sémantiques HTML5
- CSS3
- Flexbox
- Animations CSS
- Grid
- Importation des polices "Pacifico" et "Figtree"
- Utilisation d'un normaliseur : le fichier normalize.css
- Page web responsive
- Desktop first
- Préchargement de certaines images
- Commentaires HTML
- Commentaires CSS
- JavaScript
- Code JavaScript commenté
- fetch
- async et await