Ray Ali.Cloud · Apps · Automation

Open to new projects

Let’s talk
All projects

Automation / Web application Private project

World Cup 2026.

The whole tournament. In one place.

A complete view of the World Cup: automatically updated scores, group standings, a knockout bracket, and detailed match views. Follow the action on screen or export a printable wall chart.

  • Automation
  • Web app
  • Live data
  • Print-ready
World Cup tracker group standings screen
01 / Tournament overviewView larger

104 matches

Automated score tracking across the tournament.

One complete view

Group standings and a bracket that advances as results arrive.

Every match, closer

Event timelines, statistics, momentum, and lineups.

On screen. On paper.

Responsive views and printable A3 charts.

World Cup tracker knockout bracket screen
02 / The path to the finalView larger
World Cup tracker match detail and momentum screen
03 / A closer look at the matchView larger

How it’s built

Tech stack.

  1. 01

    Interface

    Live wall chart, bracket, and match views

    • Next.js
    • React
    • Tailwind CSS
    • Zustand
    • Framer Motion
  2. 02

    Services

    API and real-time updates pushed to every open screen

    • NestJS
    • TypeScript
    • Socket.IO
  3. 03

    Automation

    Workers collect results and send updates on a schedule

    • Playwright
    • BullMQ workers
    • Scheduled jobs
  4. 04

    Data

    Tournament data plus queues and caching

    • PostgreSQL
    • Prisma
    • Redis
  5. 05

    Delivery

    Containerised services behind a reverse proxy, tested in CI

    • Docker Compose
    • Nginx
    • GitHub Actions
    • Jest

Product screenshots from the project repository; displayed scores are part of the captured interface.

Next projectRayCast