I've always found commercial soccer draft games to be a bit too easy and forgiving. You just click some shiny cards and eventually win. So for my recent side project, I decided to build something much more punishing.
The idea was simple: You must win 7 consecutive matches to lift the World Cup, using randomly drafted squads based on real FC 24 player stats.
The Tech Stack
I wanted to keep it lightweight, so I went with pure React + Vite. No heavy state management libraries, just good old React hooks to handle the match simulation logic and RNG purely on the client side.
One of the fun challenges was making it multi-lingual for global football fans. Instead of a backend, I wrote a Node.js post-build script that dynamically generates index.html files with proper hreflang tags for 13 different languages, ensuring it's SEO-friendly out of the box.
