← Alle projecten

School · 2026

CyberTwin

Cyberrisicosimulator voor kmo's: je modelleert een bedrijf, zijn assets en kwetsbaarheden, en de applicatie berekent een risicoscore.

Het dashboard: indicatoren, verdeling van incidenten, risicometer
Het dashboard: indicatoren, verdeling van incidenten, risicometer
De homepage, in een matrixraster
De homepage, in een matrixraster

Het verhaal

Project van de cursus Geavanceerd Web (Efrei, LSI 1), met z'n tweeën gedaan: ik nam de frontend, mijn partner de backend. Het fictieve bedrijf NEOGINIX is de rode draad: bedrijfsprofiel, zes soorten assets, kwetsbaarheden naar kritiekheid, dan een score van 0 tot 100 met aanbevelingen op maat.

Aan de interfacekant heb ik een designsysteem op basis van CSS-variabelen verzorgd, een blijvende donkere modus, een geanimeerde zwevende navigatiebalk en een homepage met een matrixraster dat op de muis reageert (fosforgroen in donker, leisteenblauw in licht).

Het dashboard toont KPI's, een histogram, een doughnut en een risicometer. Het eindrapport wordt als een echte gestructureerde pdf geëxporteerd.

Wat ik eruit meeneem

Een project met z'n tweeën opdelen rond een stabiel API-contract, en de interface behandelen als een echt designsysteem in plaats van een stapel componenten.