J’ai pris grand plaisir à réaliser cette API pokéfighter en React.JS. La gamification est une manière ludique et divertissante pour apprendre, créer et progresser ! Le processus était simple à suivre mais les fonctionnalités devaient être respectées à la lettre !
Léo Milovanovic
étudiant en deuxième année de prépa bachelor
C’était très intéressant et motivant comme objectif.
Nous avons l’habitude de travailler en groupe et c’est justement cette cohésion d’équipe qui nous pousse toujours à nous surpasser.
Carlos Cancino
étudiant en deuxième année de prépa bachelor
Objectif : la gamification d’un Pokédex !
Les apprenants avaient pour mission la réalisation d’un Pokéfighter via PokéAPI avec les deux pages « liste pokémons » et « mon pokédex ». Ce jeu multijoueur en ligne devait être conceptualisé sur une base React.JS avec des requêtes via fetch ou axios. Une totale libérté leur était accordée sur le style et son implémentation (CSS, Bootstrap, SASS…).
Chaque fonctionnalité implémentée vaut un certain nombre de points. Les principaux critères sont segmentés en trois parties :
Fonctionnalité (sans bug)
Le style
Le code
Chaque site devait proposer un compte utilisateur et un Pokédex personnalisé.
Ainsi, les options « Connexion » et « Inscription » devaient obligatoirement être présentes et fonctionnelles pour accéder au Pokédex et Pokéfighter. Une page stocke les pokémons ajoutés par l’utilisateur via deux moyens d’en ajouter un : le bouton d’ajout de la page précédente et via une recherche implémentée sur cette page. L’affichage des pokémons du Pokédex et de celui trouvé via la recherche suivait les mêmes règles que celui de la page « Liste pokémons ».
Le stockage des pokémons se fait grâce au localStorage, il faut pouvoir vider le pokédex via un bouton. Les données que vous supprimez doivent aussi l’être dans ce même localStorage.
Options apparentes
Mot de passe crypté
Affichage de l’erreur en cas de mot de passe incorrect
Système de monnaie
Prenez contact tout au long de l’année pour échanger avec l’un de nos coachs et parler de votre avenir ! 🤝
Je prends contact