École · 2026
CyberTwin
Simulateur de risque cyber pour PME : on modélise une entreprise, ses actifs et ses vulnérabilités, et l'application calcule un score de risque.
L'histoire
Projet du cours Web Avancé (Efrei, LSI 1), réalisé à deux : j'ai pris le frontend, mon binôme le backend. L'entreprise fictive NEOGINIX sert de fil rouge : fiche entreprise, six types d'actifs, vulnérabilités par criticité, puis un score de 0 à 100 avec des recommandations personnalisées.
Côté interface, j'ai soigné un design system à base de variables CSS, un mode sombre persistant, une barre de navigation flottante animée, et une page d'accueil en grille matricielle qui réagit à la souris (vert phosphore en sombre, bleu ardoise en clair).
Le tableau de bord affiche des KPI, un histogramme, un doughnut et une jauge de risque. Le rapport final s'exporte en vrai PDF structuré.
Ce que j'en retiens
Découper un projet à deux autour d'un contrat d'API stable, et traiter l'interface comme un vrai système de design plutôt qu'un empilement de composants.