Afin de m'entraîner et d'apprendre de nouveaux outils, j'ai voulu faire un site en Next.js. C'était aussi un moyen de me familiariser avec l'utilisation des API.
Il existe une API open source très connue, PokéAPI. À première vue on ne dirait pas, mais les données des Pokémon sont complexes : évolutions, caractéristiques, types, capacités, régions, apparences multiples, poids, taille, cris, etc.
L'objectif du site est de répertorier toutes ces données et de permettre de les retrouver et de les afficher facilement.
Stack technique
Frontend
NextFramework JS pour une application réactive et bien structurée.
TailwindPour une esthétique simple et responsive.
Backend
PokéAPIL'API qui fournit toutes les données de chaque Pokémon.
FirebaseHébergement du site de démonstration.
Résultat
Recherche et navigation dans le Pokédex complet.
Affichage des statistiques et des graphiques de chaque Pokémon.
Gestion des évolutions, des types et des apparences multiples.