CDM 2026

Countdown, contenders & winner tracker

A SvelteKit web app dedicated to the 2026 FIFA World Cup — a fan-made passion project, built by a football fan for football fans.

Fan-made project. This site is not affiliated with, endorsed by, or sponsored by FIFA, the Wiloo YouTube channel, or any official organisation. It is an independent tribute made out of love for football and for the content Wiloo produces around the competition. See the Disclaimer below.

About this repository

This repo is primarily a showcase: the code is open so anyone curious can look under the hood, learn from it, or take inspiration from it.

Feedback, bug reports, suggestions and pull requests are welcome and appreciated, even if the project is driven by a single maintainer and does not aim to become a large collaborative platform. If you want to contribute, see CONTRIBUTING.md.

Acknowledgements

Inspired by the infographic used by the great Wiloo in his YouTube videos about the 2026 World Cup. This site is meant to make following the tournament more engaging ⚽.

Features

• Countdown to the opening match

• Remaining contenders tracker

• Match list and search

• Winner celebration

  revealed at the end of the tournament

Usage

Prerequisites

Bun

Install dependencies

bun install

Development server

bun run dev
bun run dev -- --port XXXX

The default port is 5173. To change the configuration, follow the Vite documentation.

Build and preview

bun run build

bun run preview

Deployment

The build is designed to work with Cloudflare Pages.

Make sure you are using Build system version >= 2.

Build command:

bun install && bun run build

Configuration

The main files to update when evolving the site are:

• src/lib/config/site.ts: opening match date
• src/lib/data/nations.ts: list of nations, enabled status, appearances, and confederations
• src/lib/data/matches.ts: match schedule

Architecture

A dedicated overview of the project structure, data flow and conventions lives in docs/ARCHITECTURE.md.

Tooling & AI agent skills

Development on this project leans on a set of personal agent skills (Svelte 5, SvelteKit, Tailwind, etc.) maintained separately by the author. They are not bundled here — you can find them on my GitHub profile.

Sources

The site's content relies in particular on:

• Flagpedia
• FIFA - World Cup 2026: Qualified teams
• Wikipedia - National team appearances in the FIFA World Cup

Community

• CONTRIBUTING.md — how to report issues or propose changes
• CODE_OF_CONDUCT.md — expected behaviour in discussions and PRs
• SECURITY.md — how to responsibly report a security issue

Author

Developed by Horebz.

License

The source code in this repository is distributed under the MIT license.

Trademarks, logos, visuals, data, and content from third-party sources remain subject to their respective licenses and terms of use.

Disclaimer

This project is an independent, non-commercial fan project. It is not affiliated with, endorsed by, sponsored by, or in any way officially connected to FIFA, the 2026 FIFA World Cup, any national football federation, any participating team, or the Wiloo YouTube channel.

All team names, national flags, competition names, logos, trademarks and related visuals referenced in this project remain the property of their respective owners. They are used here strictly for informational and illustrative purposes in the context of a fan tribute.

If you are a rights holder and believe a specific asset or reference should be removed or adjusted, please open an issue or reach out to the author.