Objectif
Ce site propose une galerie de cartes Pokémon responsive, fiche détaillée dans un modal fluide, pagination, recherche temps réel (par ID et nom), et une sidebar d’actions rapides. Il est conçu en HTML/CSS/JS “vanilla”, en s’appuyant sur l’API publique TyraDex.
Fonctionnalités
- Grille responsive, cartes élargies avec informations clés
- Modal de détails (sprites Normal, Shiny, formes, Méga, GigaMax)
- Badges de types, résistances/faiblesses avec icônes
- Recherche live (ID et nom), pagination 10/25/50/100/Tout
- Sidebar fixe : actions, filtres (extensibles), carte GitHub
- Accessibilité : navigation clavier, aria-labels, focus visible
Stack & organisation
- Données
- API TyraDex (pokémon, sprites, types, stats…)
- Front
- HTML sémantique, CSS modulaire, JS en modules ES
- Modules
- Sidebar, Pagination, Barre de recherche, Modal, Informations précise sur le pokemon (Types, Images, Nom, Resistances/Faiblesses)
- Perf
- Images lazy, rendering par fragments, fallback offline
Crédits
Données : TyraDex • Design/Code : Auteur • Icônes de type : images publiques TyraDex.