Quizzical
Quizzical est une application de quiz qui permet aux utilisateurs de personnaliser leur quiz en sélectionnant une catégorie, une difficulté et un type de question avant de tester leurs connaissances avec des questions récupérées via l'Open Trivia Database. Le projet a été réalisé comme un projet solo dans le cadre du parcours Scrimba Full Stack Developer. Dans ma version du projet, j'ai étendu l'application originale en ajoutant des options de personnalisation du quiz, permettant aux utilisateurs de rejouer instantanément avec les mêmes paramètres ou de revenir à l'écran de configuration pour commencer un nouveau défi.
Objectif du Projet
J'ai construit ce projet pour renforcer mes bases en React tout en acquérant de l'expérience avec des APIs externes et la récupération de données asynchrones. Mon objectif était de créer une application qui non seulement fonctionnait correctement, mais qui soit fluide et intuitive à utiliser, avec un accent sur la gestion d'état, le rendu conditionnel et l'expérience utilisateur.
Spotlight
Bien que l'application n'ait pas été particulièrement difficile à construire, l'un des rares défis rencontrés était de travailler avec l'API Open Trivia Database, qui renvoie des questions contenant des caractères encodés en HTML. Pour afficher les questions correctement, j'ai utilisé le package he pour décoder les caractères avant de les afficher dans l'application. C'était un détail certes mineur, mais important qui a contribué à améliorer l'expérience utilisateur globale.
Ce Que J'ai Appris
Ce projet m'a appris qu'une bonne expérience utilisateur repose souvent sur de petites décisions. Des fonctionnalités comme la mémorisation des paramètres de l'utilisateur d'une partie à l'autre ont nécessité davantage de réflexion autour de la gestion de l'état que je ne l'avais initialement prévu. J'ai gagné en aisance dans l'utilisation des APIs tierces et la gestion de données que je ne contrôle pas.
Autres Projets
CineVault
Une application fullstack de watchlist de films et séries alimentée par une API de films en temps réel.
VOIR LE PROJET >