School · 2026
CyberTwin
Cyber risk simulator for small businesses: you model a company, its assets and its vulnerabilities, and the application computes a risk score.
The story
Project of the Advanced Web course (Efrei, LSI 1), done as a pair: I took the frontend, my partner the backend. The fictional company NEOGINIX is the common thread: company profile, six types of assets, vulnerabilities by criticality, then a score from 0 to 100 with tailored recommendations.
On the interface side, I polished a design system based on CSS variables, a persistent dark mode, an animated floating navigation bar, and a home page with a matrix grid that reacts to the mouse (phosphor green in dark, slate blue in light).
The dashboard shows KPIs, a histogram, a doughnut and a risk gauge. The final report exports as a real structured PDF.
What I take away
Splitting a project between two people around a stable API contract, and treating the interface as a real design system rather than a pile of components.