← Wszystkie projekty

Szkoła · 2026

CyberTwin

Symulator ryzyka cybernetycznego dla MŚP: modeluje się firmę, jej zasoby i podatności, a aplikacja oblicza wskaźnik ryzyka.

Panel: wskaźniki, rozkład incydentów, wskaźnik ryzyka
Panel: wskaźniki, rozkład incydentów, wskaźnik ryzyka
Strona główna, w siatce macierzowej
Strona główna, w siatce macierzowej

Historia

Projekt z kursu Zaawansowany web (Efrei, LSI 1), zrobiony w parze: ja wziąłem frontend, mój partner backend. Fikcyjna firma NEOGINIX jest wspólnym wątkiem: karta firmy, sześć typów zasobów, podatności według krytyczności, potem wynik od 0 do 100 z dopasowanymi rekomendacjami.

Po stronie interfejsu dopracowałem system projektowy oparty na zmiennych CSS, trwały tryb ciemny, animowany pływający pasek nawigacji i stronę główną z siatką macierzową reagującą na mysz (fosforowa zieleń w trybie ciemnym, łupkowy błękit w jasnym).

Panel pokazuje KPI, histogram, wykres kołowy i wskaźnik ryzyka. Raport końcowy eksportuje się jako prawdziwy ustrukturyzowany PDF.

Co z tego wynoszę

Podzielić projekt między dwie osoby wokół stabilnego kontraktu API i traktować interfejs jak prawdziwy system projektowy, a nie stos komponentów.