Build a fully interactive virtual World Cup football tournament app with the following features: Tournament structure:
32 teams drawn into 8 groups of 4 Full group stage with round-robin matches (3 games per team) Round of 16, Quarter-finals, Semi-finals, Third-place playoff, and Final Live standings table per group (points, GD, GF, GA)
Match simulation:
Simulate matches using realistic weighted probabilities based on team strength ratings Display a live-feel scoreline that updates minute by minute (e.g. 0–0 → 1–0 → 1–1...) Random events: goals, yellow/red cards, penalties, injury time Short auto-generated match commentary (e.g. "45+2' — GOAL! Mbappé slots it past the keeper!")
Teams & players:
Include real national teams (Brazil, France, Germany, Argentina, Nigeria, England, Japan, Morocco, etc.) Each team has a squad with 11 starting players, ratings, and a manager name Track top scorers, assists, and player of the tournament
UI/UX:
Clean football-themed UI with team flags/colors Bracket visualization for knockout rounds Group tables auto-update after each match Trophy ceremony screen for the winner
Tech: React (or vanilla HTML/JS), no external API needed — all data and logic self-contained. Make it visually polished and fun to interact with.
