Ce site fut réalisé dans l'optique d'apprendre à utiliser le framework React. Partant d'un besoin personnel de classer de manière simple et efficace mes séries préférées, j'ai eu l'idée de créer un site web permettant de m'aider, et d'ainsi aider d'autres personnes qui voudraient, elles aussi, classer des éléments. C'est l'utilisateur lui-même qui va créer sa liste d'éléments et à l'aide d'un tri fusion revisité, il va pouvoir obtenir un classement authentique en quelques clics. Pour rappel, le tri fusion est un algorithme de tri permettant de trier une liste d'éléments. Le but est de diviser la liste en deux, puis de diviser ces deux parties encore en deux, etc, jusqu'à obtenir des éléments uniques. On remonte ensuite le processus en classant les éléments un à un. Ici, c'est l'utilisateur et non la machine qui va déterminer lequel des deux éléments a le poids le plus fort. Celui-ci est alors confronté à une succession de duels, rendant son choix beaucoup plus facile malgré des choix cornéliens qui peuvent se présenter à lui. À la fin du processus de tri, son classement lui est présenté sous forme d'un podium.

Algorithme du tri fusion

Classement final

En plus de proposer un site web permettant de classer n'importe quel type d'éléments, j'ai souhaité à travers ce projet apprendre les bases de React, outil que je n'avais jamais pu explorer auparavant. Restant encore novice en la matière, ce projet m'a néanmoins permis de pratiquer de manière concrète une nouvelle technologie et d'ainsi y développer des bases solides. J'ai également pu y approfondir de nouveaux types de design et d'expérience utilisateur, notamment en ce qui concerne les animations, les transitions et les formes en CSS. Mon objectif encore une fois fut de rendre ce site un maximum accessible. Le site est ainsi entièrement navigable par clavier et chaque contraste de couleur a été minutieusement vérifié. Celui-ci est néanmoins loin d'être parfait, tant au niveau de l'accessibilité que des fonctionnalités que je pourrais y rajouter, et c'est un projet que je garde de côté pour y revenir plus tard.