🎮 Pokedex Interactive

Bienvenue dans le Pokedex Interactive

Une interface web permettant d'explorer l'univers des Pokémon. Elle utilise l'API PokeBuild pour récupérer les données de tous les Pokémon et les présenter de manière interactive et conviviale.

🕹️ Présentation

Le Pokedex Interactive est une application web construite en HTML, CSS et JavaScript vanilla (sans framework). Elle met l'accent sur l'interaction utilisateur et propose différentes façons de parcourir et filtrer les Pokémon.

L'application utilise l'API PokeBuild pour récupérer les données des Pokémon.

🎮 Fonctionnalités

🏆 Pages principales

Page d'accueil

La page d'accueil présente une interface minimaliste avec une animation de Pokeball qui tourne. Elle sert de point d'entrée vers les autres fonctionnalités de l'application.

Pokédex complet

La page du Pokédex complet affiche tous les Pokémon disponibles avec options de filtrage et de recherche.

Pokémon par génération

Cette page permet de filtrer les Pokémon par génération de jeux avec des boutons de sélection pour chaque génération.

🚀 Composants principaux

API Pokémon

L'application utilise l'API PokeBuild pour récupérer les données des Pokémon (informations de base, types, statistiques, etc.).

Gestionnaire de Pokémon

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

Menu et filtres

La classe MenuManager crée dynamiquement un menu de types de Pokémon, implémente une barre de recherche fonctionnelle et gère les événements de clic pour le filtrage.

Affichage par génération

La classe GenerationManager définit les plages d'ID pour chaque génération de Pokémon, crée des boutons de sélection pour chaque génération et filtre et affiche les Pokémon de la génération sélectionnée.

🔗 Accéder au Pokedex

Vous pouvez accéder au Pokedex Interactive en cliquant sur le lien ci-dessous :

https://pokemon.taaazzz.be/

📅 Installation et déploiement

  1. Clonage du projet:
    git clone https://github.com/votre-utilisateur/pokedex-interactive.git
    cd pokedex-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.