Draft Tactics est un projet web que j’ai développé pendant ma période d’auto-formation en développement web.
L’objectif du projet est de proposer une interface permettant de réfléchir à la phase de sélection des champions (draft) dans League of Legends.
Ce projet m’a notamment permis d’expérimenter et d’apprendre plusieurs concepts fondamentaux du JavaScript et de la manipulation du DOM, notamment à travers la mise en place d’un système interactif de drag & drop.
À ce moment-là, je me formais seul au développement web afin d’acquérir les bases du métier et de construire plusieurs projets concrets pour appuyer ma candidature à la formation D2WM de l’école ENI.
Après avoir réalisé un premier site entièrement en HTML et CSS, j’ai rapidement atteint les limites de ces technologies pour créer des interfaces interactives.
J’ai donc commencé à apprendre JavaScript.
Un ami m’a alors proposé une idée de projet :
Créer un site capable d’aider à choisir les meilleurs champions pendant la phase de sélection, en s’appuyant sur une IA capable d’analyser les compositions d’équipes.
Dans ce projet :
- je me suis occupé du développement du site web
- mon ami travaillait sur la partie IA
Cependant, certaines fonctionnalités dépassaient largement mon niveau à ce moment-là.
Je me suis donc aidé de ChatGPT pour comprendre certaines implémentations, améliorer mon code et réussir à mettre en place des fonctionnalités plus avancées.
Ce projet a été pour moi une étape importante d’apprentissage, notamment sur :
- la manipulation du
DOM - la gestion d’interfaces dynamiques
- l’implémentation d’un système de drag & drop
- l’organisation d’un projet web plus interactif
Pour comprendre l’objectif de Draft Tactics, il faut connaître rapidement le fonctionnement de League of Legends.
League of Legends est un jeu compétitif en équipe où deux équipes de cinq joueurs s’affrontent pour détruire la base adverse appelée Nexus.
Chaque joueur contrôle un personnage unique appelé champion, possédant ses propres compétences, forces et faiblesses.
Avant le début de la partie, les joueurs passent par une phase appelée sélection des champions (champion select).
Durant cette phase, chaque joueur choisit son personnage en fonction :
- de son rôle dans l’équipe
- des choix de ses coéquipiers
- des champions sélectionnés par l’équipe adverse
Cette phase est extrêmement stratégique, car la composition de l’équipe peut fortement influencer le déroulement de la partie.
Certains champions sont très efficaces contre d’autres, tandis que certaines compositions d’équipe fonctionnent mieux que d’autres.
C’est précisément dans ce contexte que Draft Tactics intervient :
proposer une interface permettant de réfléchir plus facilement aux choix de champions pendant cette phase stratégique.
Ce projet m’a permis de progresser sur plusieurs aspects du développement web :
- manipulation avancée du
DOM - création d’interfaces interactives
- gestion d’événements
JavaScript - implémentation d’un système de drag & drop
- structuration d’un projet front-end
Il représente une étape importante de mon parcours d’apprentissage vers le développement web.