Le Monde de Harry Potter
Ce projet est un site thématique entièrement codé à la main (HTML/CSS/JS) sur l'univers de Harry Potter.
L'objectif principal était de pratiquer la consommation d'une API pour récupérer dynamiquement des données (personnages, sorts, écoles...) et de les afficher de manière stylisée.
Il m'a également permis d'approfondir l'interactivité avec JavaScript.
Architecture & Objectifs Clés
| Composant Clé | Description / Rôle |
|---|---|
| Consommation d'API | Requêtes `fetch()` asynchrones pour récupérer des données externes (JSON) et les intégrer au front-end. |
| Manipulation du DOM | Création dynamique des éléments HTML (cartes, listes, modales) à partir des données reçues par l'API. |
| Animations CSS | Utilisation de transitions et d'animations (par exemple, au survol des cartes ou lors du chargement des données) pour un rendu immersif. |
Galerie & Démonstration
Page d'accueil
Page Personnages
Page Sorts
Compétences Techniques
HTML5 & CSS3
Structure sémantique du site et stylisation avancée (Flexbox, Grid).
JavaScript
Logique d'application, gestion des événements utilisateurs et interactivité.
API REST
Envoi de requêtes HTTP GET et gestion des données JSON (format de l'API).
Git & GitHub
Gestion de version et déploiement du projet.