Scuola · 2026
CyberTwin
Simulatore di rischio informatico per PMI: si modella un'azienda, i suoi asset e le sue vulnerabilità, e l'applicazione calcola un punteggio di rischio.
La storia
Progetto del corso di Web Avanzato (Efrei, LSI 1), svolto in due: io ho preso il frontend, il mio collega il backend. L'azienda fittizia NEOGINIX fa da filo conduttore: scheda aziendale, sei tipi di asset, vulnerabilità per criticità, poi un punteggio da 0 a 100 con raccomandazioni personalizzate.
Sul lato interfaccia ho curato un design system basato su variabili CSS, una modalità scura persistente, una barra di navigazione fluttuante animata e una home page a griglia matrice che reagisce al mouse (verde fosforo in scuro, blu ardesia in chiaro).
La dashboard mostra KPI, un istogramma, un doughnut e un indicatore di rischio. Il report finale si esporta come un vero PDF strutturato.
Cosa ne ricavo
Dividere un progetto in due attorno a un contratto API stabile, e trattare l'interfaccia come un vero design system anziché un insieme di componenti.