- Clone le repository, rends toi dans le dossier
- Assure toi d'avoir une version de Node.js
>= v18.17.0
- Lance
yarn install
(ou npm, npx, ou autre) - Lance le projet avec
yarn dev
- Si tout va bien, le projet est accessible sur l'URL
http://localhost:3000
. Sinon, contacte-nous.
Le test consiste à compléter une version minimaliste d'un Pokédex. Les 2 pages principales existent déjà, la liste des Pokémons, et la page de visualisation d'un Pokémon. Tes objectifs sont donc les suivants :
- Améliorer le design général afin d'avoir une vue plus agréable et lisible. Tu ne seras pas particulièrement jugé sur les choix graphiques, mais les différents Pokémons devront quand même être séparés, sous forme de "cartes".
- Ajouter une barre de recherche pour rechercher les différents Pokémons
- Afficher les informations de ton choix sur le Pokémon sélectionné. À minima, le ou les types, un autre sprite si disponible, la taille, le nom et l'image. Tu les récupèreras dans l'API
pokeapi
, plus d'infos dans l'aide - Afficher la chaine d'évolution du Pokémon sélectionné
- Prévoir un lien de retour sur la page principale
- Styliser également un peu la page, là encore, tu ne seras pas jugé sur tes choix, mais sur l'application de ceux-ci
-
Pour le style, tu peux utiliser le fichier
globals.css
dans le répertoiresrc/app
. Tu peux également utiliser Tailwind si tu le souhaites, déjà installé. -
La documentation de l'API est disponible ici. C'est une API rest assez classique.
-
Lorsque tu auras terminé ton test, envoie le sur ton repository et fais le nous savoir. Si tu as des questions, des remarques, n'hésite pas à me contacter - [email protected]
-
Prends le temps qu'il te faut, et bon courage !