PB // F1 Dashboard

· 2 min leestijd
PB // F1 Dashboard

F1 Dashboard is ontstaan uit een simpele frustratie: alle Formule 1-informatie bestaat al, maar nergens komt het samen zonder ruis. Dit project brengt live data, kalender, standen en nieuws bijeen in één donker, functioneel dashboard. En leuk om te bouwen.

F1 Dashboard — bouwen aan overzicht

Ik volg Formule 1 al jaren. Niet als statisticus, niet als gokker (soms wel te godverre), maar gewoon als liefhebber. En zoals bij zoveel dingen merkte ik steeds hetzelfde: de informatie is er wel, maar nooit op één plek. Te veel apps, te veel ruis, te veel banners, te veel meningen.

Dus ben ik het zelf gaan bouwen.

F1 Cockpit is geen platform met een verdienmodel. Geen ads, geen trackers, geen clickbait. Het is een dashboard. Een cockpit. Eén scherm dat je opent en waar alles klopt.

Donker. Rustig. Functioneel. Zoals een pitwall hoort te zijn.

Wat je ziet (en wat je níét ziet)

Het uitgangspunt was simpel: alleen tonen wat je tijdens een seizoen écht nodig hebt.

  • Een live countdown naar de volgende race, met sessietijden in zowel lokale tijd als Nederlandse tijd
    Een seizoenskalender voor 2026, horizontaal scrollbaar, zodat je het seizoen als geheel blijft zien
    Coureurs- en constructeursstanden, altijd actueel, met teameigen kleuren — geen interpretatie, alleen data
    Een nieuwsfeed, maar dan gecureerd. Minder items, meer relevantie
    En een onderdeel van PB CMS, zodat visuals en banners aanpasbaar blijven zonder het systeem open te breken.

Wat je (nog haha) niet ziet: pop-ups, autoplay video’s, affiliate links of meningen die zich vermommen als nieuws.

Data als fundament

Alles wat je ziet, wordt gevoed door externe databronnen die hun betrouwbaarheid al hebben bewezen. Live race-informatie, officiële WK-standen, historische statistieken en actueel nieuws komen samen, maar worden pas getoond als ze in het ritme van het dashboard passen.

Data is hier geen doel op zich. Het is bouwmateriaal.

De technische laag (bewust gekozen)

De stack is modern, maar vooral logisch. Geen experiment om het experiment.

  • Frontend: React 18 met TypeScript, gebouwd op Tailwind CSS
    Routing: Wouter — licht, snel, geen overbodige magie
    Data & state: TanStack Query voor caching en slimme refetches
    Backend: Node.js met Express
    Database: PostgreSQL (serverless) met een strakke ORM-laag
    Build: Vite — snel starten, snel itereren
    Icons & datumlogica: functioneel, consistent, Nederlands
    OPENF1 Api connectie.

Alles draait stabiel op Replit, met automatische deployments. Geen serverbeheer, geen gedoe. Gewoon bouwen.

Waarom dit project bestaat

F1 Cockpit is geen product. Het is een werkplaats.

Een plek waar ik data, design en ritme samenbreng. Waar ik kan testen hoe ver je kunt gaan met focus, zonder te versimpelen. En waar liefde voor Formule 1 samenkomt met liefde voor systemen die kloppen.

Misschien blijft het dit.
Misschien groeit het verder.

Maar wat het ook wordt — het begint hier:
één scherm, één seizoen, volledige aandacht.

— Peter