Prodraft

A turn-based game that uses WebSockets to simulate a draft, similar to the one in League of Legends.

Context :

I didn’t invent the concept of prodraft, but I wanted to modernize and update it. It is useful for users participating in amateur tournaments.
I wanted to try creating a game to learn a new technology and a new programming language, starting from a universe I know well and avoiding making yet another tic-tac-toe or chess game.

Features :

  • - Draft simulation with animation and sound
  • - Different synchronized views
  • - Draft result exportable in CSV

Technologies :

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

Conclusions :

More than just meeting a need, this site was a way for me to practice with TypeScript and WebSockets.
I took a monorepo approach with three subfolders: common, backend, and frontend, using Next.js for the views. I struggled at first with the sockets in production, but with some effort, I managed to get it working as I wanted.

Links: