Skip to content

tokgozkerem/ucl_draw_simulator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

UEFA Champions League 2025/26 League Stage Draw Simulator

Welcome to the UEFA Champions League 2025–2026 Draw Simulator — an interactive, web-based tool built to realistically simulate the Swiss model league stage draw. This application combines advanced logic, official UEFA regulations, and engaging visuals to deliver the most authentic Champions League draw experience available online.

⚽ Key Features of the UEFA Champions League Draw Simulator

✅ Accurate Swiss Model Draw Logic

Implements the official Swiss-system draw rules introduced in the UEFA Champions League 2024/25 season. Ensures:

  • Country protection (no two clubs from the same association)
  • Balanced opponent distribution from different seeding pots
  • Compliance with real UEFA restrictions

🎨 Interactive & Visually Stunning UI

Modern, card-based design inspired by the Champions League identity. Features include:

  • Glassmorphism effects
  • Team logos and colors
  • Hover and click interactions

🔍 Team-Specific Opponent Viewing

After the simulation:

  • Click any team to view its 8 unique opponents
  • Each matchup is displayed in a clean, shareable layout

🧭 Seamless User Navigation

  • Scroll through the welcome animation
  • Click “Draw!” to initiate simulation
  • Use the “Back” button to explore more teams
  • Redraw anytime for a new simulation

💡 How to Use the Simulator

  1. Open index.html in your preferred web browser.
  2. Scroll past the animated welcome screen.
  3. Click the “Draw!” button to start the UEFA league stage simulation.
  4. Explore team pairings by clicking on team cards.
  5. Return using the “Back” button or start a new draw at any time.

🛠 Technologies Used

  • HTML5 – Semantic web structure
  • CSS3 – Responsive design, animations, and modern UI effects
  • JavaScript (ES6+) – Core simulation logic and dynamic content rendering

👨‍💻 About the Developer

This simulator was developed by Kerem Tokgöz, a computer engineer passionate about football analytics and user-centric design. The project explores the technical and visual challenges of building a Champions League Swiss model simulation tool, combining real-world rules with modern web development practices.

This project is not affiliated with or endorsed by UEFA. It is an independent simulation created for educational and portfolio purposes.


🔍 Keywords

UEFA Champions League draw simulatorSwiss model Champions League formatChampions League 2025/26 drawinteractive football drawfootball web app projectUEFA simulation toolJavaScript football simulationChampions League UI design


About

⚽ Champions League draw simulator [CLICK LINK BELOW]

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors