Felipe Gonçalves Diogo
Back to projects

FIFA 2030 Simulator

World Cup simulator with vanilla JavaScript

FIFA 2030 Simulator

The Challenge

Create an interactive FIFA World Cup simulator using only vanilla web technologies — no frameworks, no libraries, no build tools. Pure JavaScript, HTML5 and CSS3, delivered straight to the browser.

The Solution

Built a complete World Cup simulator with dynamic bracket rendering, group-stage logic, knockout-round elimination, randomized match results with weighted probability, and a fully responsive UI. All match simulation logic, DOM manipulation and state management are handled with vanilla JavaScript — no external dependencies.

Results

A lightweight, zero-dependency World Cup simulator that runs entirely in the browser — smooth animations, realistic match logic and a clean visual experience built from scratch with vanilla JS.