← Alla projekt

Skola · 2026

CyberTwin

Cyberriskssimulator för små företag: man modellerar ett företag, dess tillgångar och sårbarheter, och applikationen räknar ut en riskpoäng.

Instrumentpanelen: indikatorer, fördelning av incidenter, riskmätare
Instrumentpanelen: indikatorer, fördelning av incidenter, riskmätare
Startsidan, i ett matrisrutnät
Startsidan, i ett matrisrutnät

Historien

Projekt i kursen Avancerad webb (Efrei, LSI 1), gjort i par: jag tog frontend, min partner backend. Det fiktiva företaget NEOGINIX är den röda tråden: företagsprofil, sex typer av tillgångar, sårbarheter efter kritikalitet, sedan en poäng från 0 till 100 med anpassade rekommendationer.

På gränssnittssidan har jag finslipat ett designsystem baserat på CSS-variabler, ett bestående mörkt läge, ett animerat svävande navigeringsfält och en startsida med ett matrisrutnät som reagerar på musen (fosforgrönt i mörkt, skifferblått i ljust).

Instrumentpanelen visar KPI:er, ett histogram, en doughnut och en riskmätare. Slutrapporten exporteras som en riktig strukturerad PDF.

Det jag tar med mig

Dela ett projekt mellan två kring ett stabilt API-kontrakt, och behandla gränssnittet som ett riktigt designsystem i stället för en hög komponenter.