Hochschule · 2026
CyberTwin
Cyberrisiko-Simulator für KMU: Man modelliert ein Unternehmen, seine Assets und Schwachstellen, und die Anwendung berechnet einen Risikowert.
Die Geschichte
Projekt des Kurses Fortgeschrittenes Web (Efrei, LSI 1), zu zweit umgesetzt: Ich habe das Frontend übernommen, mein Partner das Backend. Das fiktive Unternehmen NEOGINIX dient als roter Faden: Unternehmensprofil, sechs Arten von Assets, Schwachstellen nach Kritikalität, dann ein Wert von 0 bis 100 mit individuellen Empfehlungen.
Auf der Oberflächenseite habe ich ein Designsystem auf Basis von CSS-Variablen, einen dauerhaften Dunkelmodus, eine animierte schwebende Navigationsleiste und eine Startseite mit Matrixraster, das auf die Maus reagiert (Phosphorgrün im Dunkeln, Schieferblau im Hellen), sorgfältig gestaltet.
Das Dashboard zeigt KPIs, ein Histogramm, ein Doughnut und eine Risikoanzeige. Der Abschlussbericht wird als echtes strukturiertes PDF exportiert.
Was ich mitnehme
Ein Projekt zu zweit rund um einen stabilen API-Vertrag aufteilen und die Oberfläche als echtes Designsystem statt als Haufen von Komponenten behandeln.