← Alle prosjekter

Skole · 2026

CyberTwin

Cyberrisikosimulator for små bedrifter: man modellerer en bedrift, eiendelene og sårbarhetene dens, og applikasjonen beregner en risikoscore.

Dashbordet: indikatorer, fordeling av hendelser, risikomåler
Dashbordet: indikatorer, fordeling av hendelser, risikomåler
Forsiden, i et matriserutenett
Forsiden, i et matriserutenett

Historien

Prosjekt i faget Avansert web (Efrei, LSI 1), gjort i par: jeg tok frontend, partneren min backend. Det fiktive selskapet NEOGINIX er den røde tråden: selskapsprofil, seks typer eiendeler, sårbarheter etter kritikalitet, deretter en score fra 0 til 100 med tilpassede anbefalinger.

På grensesnittsiden har jeg finpusset et designsystem basert på CSS-variabler, en vedvarende mørk modus, en animert svevende navigasjonslinje og en forside med et matriserutenett som reagerer på musen (fosforgrønt i mørkt, skifferblått i lyst).

Dashbordet viser KPI-er, et histogram, en doughnut og en risikomåler. Sluttrapporten eksporteres som en ekte strukturert PDF.

Det jeg tar med meg

Å dele et prosjekt mellom to rundt en stabil API-kontrakt, og behandle grensesnittet som et ekte designsystem i stedet for en haug med komponenter.