Tech Stack

Frontend Technologieën

  • Next.js 14 met App Router
  • React 18 met TypeScript
  • Tailwind CSS
  • Recharts voor Datavisualisatie

Gegevensbronnen

RDW Open Data API

  • Real-time voertuigregistratiegegevens
  • Verzekeringsstatus informatie
  • Real-time gegevensupdates
  • Import/export tracking

Doel & Ontwerp

Waarom dit platform?

Dit project is begonnen in maart 2025 als de lexustracker (lexustracker.nl). De eerste versie was gemaakt met React en Material UI. Een aantal maanden daarna ben ik overgestapt naar Next.JS met tailwind, een iets modernere en schaalbare oplossing. Nog iets daarna heb ik de Z3Radar (Z3radar.com) gemaakt, op hetzelfde platform. Dat stond toen nog wel los van elkaar gehost. Ik heb de applicatie nu modulair gemaakt, waardoor ik met een kleine aanpassing, een nieuwe auto kan toevoegen en het werkend te krijgen daarmee. Dat is ook het plan voor de toekomst; meer auto's.

Ontwerpfilosofie

De reden dat het in het begin gemaakt was met React + MUI is omdat ik het goed kende. Ik wist er veel van af, maar ik wou ook graag wel een uitdaging, dus daarom ben ik overgestapt naar Next.JS met tailwind. De backend is redelijk hetzelfde gebleven, behalve de database. In de eerste versie gebruikte ik MongoDB, maar door de hoeveelheid data moest ik overstappen naar PostgreSQL. Zodra ik een nieuwe auto heb toegevoegd, gaat de backend automatisch de data voor die auto ophalen.