🧙‍♂️ Harry Potter API Interactive

Bienvenue dans l'univers Harry Potter API

Une interface web pour explorer le monde magique de Harry Potter. Découvrez les personnages, maisons, sorts et bien plus grâce à une API dédiée.

🕹️ Présentation

Harry Potter API Interactive est une application web en HTML, CSS et JavaScript vanilla. Elle met l'accent sur l'interaction utilisateur et propose différentes façons de parcourir et filtrer les données de l'univers Harry Potter.

L'application utilise une API Harry Potter pour récupérer les données.

🎮 Fonctionnalités

• Vue d'ensemble des personnages : Affichage de tous les personnages dans une grille avec leurs images, noms et maisons
• Détails complets : Consulter les informations détaillées sur chaque personnage, maison, sort, etc.
• Recherche et filtrage : Rechercher par nom ou filtrer par maison, type de sort, etc.
• Vue par catégorie : Afficher uniquement les personnages, sorts ou maisons d'une catégorie spécifique
• Interface responsive : Adaptée à tous les appareils, des mobiles aux ordinateurs de bureau

🏆 Pages principales

Page d'accueil

La page d'accueil présente une interface immersive pour entrer dans l'univers Harry Potter et naviguer vers les autres fonctionnalités.

Liste complète

Affichage de tous les personnages, maisons, sorts, etc., avec options de filtrage et de recherche.

Catégories

Filtrage par maison, type de sort, créature magique, etc.

🚀 Composants principaux

API Harry Potter

L'application utilise une API dédiée pour récupérer les données (personnages, maisons, sorts, etc.).

Gestionnaire de données

Une classe gère la récupération des données depuis l'API, l'affichage des cartes dans la grille et la génération dynamique de popup détaillés pour chaque élément.

Menu et filtres

Un gestionnaire crée dynamiquement un menu de catégories, implémente une barre de recherche fonctionnelle et gère les événements de clic pour le filtrage.

🔗 Accéder à l'application

Vous pourrez accéder à Harry Potter API Interactive en cliquant sur le lien ci-dessous (bientôt disponible) :

📅 Installation et déploiement

1. Clonage du projet:

   git clone https://github.com/votre-utilisateur/harry-potter-api-interactive.git
   cd harry-potter-api-interactive

2. Lancement local:

   # Avec Python
   python -m http.server 8000
   
   # Ou avec Node.js
   npx serve

3. Hébergement:

   L'application peut être déployée sur n'importe quel hébergeur statique comme GitHub Pages, Netlify, ou Vercel.