Prodraft

Jeu tour par tour qui utilise les websockets pour simuler une 'draft', similaire à celle du jeu League of Legends.

Contexte :

Je n'ai pas inventé le concept de prodraft mais j'ai voulu le modernisé et le mettre à jour, il a une utilité pour les utilisateurs qui font des tournois amateurs.
J'ai voulu essayer de créer un jeu, pour apprendre une nouvelle techno et un nouveau langage, en partant d'un univers que je connais bien et éviter de créer un énième jeu de morpion ou d'échec.

Fonctionnalités :

  • - Simulation de draft avec animation et son
  • - Différentes vues synchronisées
  • - Résultat de la draft en CSV exportable

Technologies :

  • - Next JS
  • - Socket io
  • - Docker + Caddy + OVH
An image of the website, showing a table.

Conclusions :

Plus que de répondre à un besoin ce site était pour moi un moyen de m'entrainer avec Typescript et les websockets.
J'ai pris une approche mono-repo avec 3 sous dossiers : common, backend et frontend en utilisant Next JS pour les vues. J'ai eu du mal au début avec les sockets en prod' mais avec un peu d'huile de coude j'ai réussi à le faire fonctionner comme je voulais.

Liens: