Enjoy the World Cup

Inspiration

Enjoy the World Cup was inspired by the need for a clean, lightweight, and easy-to-deploy guide for the 2026 FIFA World Cup. With the tournament expanding to 48 teams across three host countries, fans need a simple way to explore schedules, groups, teams, host cities, and knockout paths in one place.

What it does

Enjoy the World Cup is a static web guide for the 2026 World Cup. It includes an overview page, group standings, team cards with match details, host city information, a full schedule, and a knockout bracket. Match times are displayed in Beijing time, and the interface is designed for quick browsing on desktop and mobile.

How we built it

We built the project with plain HTML, CSS, and JavaScript so it can be deployed easily on CentOS with Nginx. The site uses modular front-end logic to render schedule data, group tables, team details, city cards, and knockout brackets. The design was refined through repeated visual testing and layout adjustments.

Challenges we ran into

One major challenge was organizing a large amount of tournament data without making the interface feel crowded. Another challenge was presenting knockout match placeholders clearly before all results are known. We also spent time improving spacing, labels, colors, and responsive layouts so each page feels polished.

Accomplishments that we're proud of

We are proud that the site stays lightweight while still covering the core fan experience: groups, teams, cities, schedules, and knockout stages. The knockout bracket, city detail cards, team match dialogs, and schedule navigation all make the site feel more useful than a simple static information page.

What we learned

We learned how important information hierarchy is for sports data. Small details like time zones, team status labels, score formatting, and card spacing can dramatically affect readability. We also learned that a static site can still feel dynamic and practical when the data rendering and interactions are thoughtfully designed.

What's next for Enjoy the World Cup

Next, we plan to improve live data support, add player statistics such as top scorers when reliable data is available, enhance mobile interactions, and prepare a production-ready Nginx deployment package for CentOS.

Built With

• centos
• css
• fifa-api
• html
• javascript
• nginx
• responsive
• static-site