- Modal détaillé : sprites Normal, Shiny, formes, Méga et GigaMax
- Types / résistances / faiblesses avec icônes + infobulles
- Stats de base, talents & évolutions
- Recherche temps réel (par ID et nom)
- Pagination : 10 / 25 / 50 / 100 / Tout
- Sidebar fixe
- Navigation : About & Changelog
.
├── index.html # page principale (grille + modal)
├── README.md # Read me du projet
├── LICENSE # License MIT
└── src/
├── css/
│ ├── tokens.css # variables / design tokens
│ ├── base.css # reset & fond
│ ├── toolbar.css # barre d’outils (top)
│ ├── card.css # style des cartes
│ ├── details.css # listes, stats, résistances, types
│ ├── modal.css # modal + scrollbar custom
│ ├── sidebar.css # sidebar fixe + carte GitHub
│ └── responsive.css # ajustements mobiles
├── img/
│ └── pokeball.png # Icône du site
├── pages/
│ ├── about.html
│ └── changelog.html
└── js/
├── cards.js # Affichage des cartes
├── details.js # Affichages des informations en plus de la carte
├── dom.js
├── modal.js # Ouverture / Fermeture du modal des informations
├── pagination.js
├── script.js
├── search.js # recherche temps réel (ID + nom)
├── sidebar.js # sidebar + dispatcher d’actions + GitHub
├── sprites.js
├── types.js
└── utils.js # helpers (DOM, formatage, fetch, etc.)Si certains modules ne sont pas encore séparés chez toi, tu peux conserver un seul
script.jset migrer progressivement.
- Source : TyraDex Endpoint principal utilisé :
https://tyradex.vercel.app/api/v1/pokemon - Les sprites (normal/shiny/mega/gmax) sont fournis par TyraDex (GitHub raw CDNs).
- Un fallback est prévu lorsque certaines URLs sont manquantes.
- Cloner
git clone https://github.com/ArmsYT/PokeAPI.git
cd PokeAPI- Recherche : tape un ID (ex. 6) ou un nom (ex. dracau) → la grille se filtre en temps réel.
- Voir + sur une carte → ouvre le modal détaillé.
- Sidebar : actions de pagination.
- Lazy images (loading="lazy")
- Rendu DOM par fragments
- Fallback offline pour la carte GitHub (pas de “trou” visuel)
- CSS modulaire, uniquement ce qu’il faut par page
Code sous MIT LICENSE. Disclaimer : Projet non officiel. Pokémon et les noms associés sont des marques déposées de leurs propriétaires respectifs. Les visuels et données sont fournis à titre informatif via l’API publique TyraDex.
Pour toutes questions, suggestions ou contributions: 📩 Arms.