← Alle projekter

Skole · 2026

CyberTwin

Cyberrisikosimulator til små virksomheder: man modellerer en virksomhed, dens aktiver og sårbarheder, og applikationen beregner en risikoscore.

Dashboardet: indikatorer, fordeling af hændelser, risikomåler
Dashboardet: indikatorer, fordeling af hændelser, risikomåler
Forsiden, i et matrixgitter
Forsiden, i et matrixgitter

Historien

Projekt i kurset Avanceret web (Efrei, LSI 1), lavet i par: jeg tog frontend, min partner backend. Den fiktive virksomhed NEOGINIX er den røde tråd: virksomhedsprofil, seks typer aktiver, sårbarheder efter kritikalitet, derefter en score fra 0 til 100 med tilpassede anbefalinger.

På brugerfladesiden har jeg finpudset et designsystem baseret på CSS-variabler, en vedvarende mørk tilstand, en animeret svævende navigationslinje og en forside med et matrixgitter, der reagerer på musen (fosforgrøn i mørk, skiferblå i lys).

Dashboardet viser KPI'er, et histogram, en doughnut og en risikomåler. Slutrapporten eksporteres som en rigtig struktureret PDF.

Hvad jeg tager med mig

At dele et projekt mellem to omkring en stabil API-kontrakt og behandle brugerfladen som et rigtigt designsystem frem for en stak komponenter.