Project_Rallycheck Results PWA

x

Rallycheck Results PWA

Afstudeerproject – isource

Rallycheck Results PWA

Oktober 2021

isource, Hogeschool Leiden

Voor mijn bachelorafstuderen ontwikkelde ik de Rallycheck Results PWA in opdracht van isource, het bedrijf achter onder andere tvgids.nl. Binnen het bestaande Rallycheck-systeem realiseerde ik het onderdeel waarmee geïnteresseerden de uitslagen van rally's kunnen bekijken. Belangrijk detail: ik heb niet het hele Rallycheck-platform gebouwd, maar specifiek de resultatenapplicatie die communiceert met het bestaande domein.

slecht getekende auto

Rallycheck digitaliseert klassieke autorally's, waarbij deelnemers punten scoren op basis van hun timing bij controlepunten. Die gegevens werden al automatisch geregistreerd, maar er was geen toegankelijke manier om de resultaten publiek inzichtelijk te maken. Dat was de kern van mijn afstudeeropdracht.

Het eindproduct is een Progressive Web Application die is opgezet als dynamische Single Page Application, geïnspireerd door material design. Gebruikers kunnen soepel navigeren tussen rally's, teams en scores, zonder paginawisselingen, terwijl de applicatie zich gedraagt als een installeerbare webapp. Verschillende partijen die hun eigen rally's organiseren krijgen dynamisch een eigen PWA aangewezen binnen het systeem die gebruikers kunnen gebruiken om hun rally's te volgen.

Op een technisch niveau bestaat de applicatie uit meerdere lagen. Aan de voorkant draait de PWA, maar daarachter heb ik een aparte backend ontwikkeld in Symfony. Deze backend fungeert als tussenlaag tussen de bestaande Rallycheck API en de front-end. De ruwe data uit de API wordt daar gevalideerd, gefilterd en omgevormd tot een veilige en gestructureerde datastructuur die geschikt is voor publieke weergave.

Hiermee heb ik aan de front-end, maar ook aan API-uitbreidingen, datamodellering, softwaretests en de architectuur van de communicatie tussen systemen gewerkt. Het project was daarmee een concreet voorbeeld van full-stack ontwikkeling binnen een bestaand productie-ecosysteem, waar integratie, veiligheid en onderhoudbaarheid minstens zo belangrijk zijn als functionaliteit.

wireframe

Rallycheck Results Wireframe

Aan het einde van het afstudeertraject is de applicatie daadwerkelijk in productie genomen en ingezet binnen het Rallycheck-domein. Het is een werkend systeem dat huidig nog gebruikt wordt.

Gerelateerde Categoriën