Escola · 2026
CyberTwin
Simulador de risco cibernético para PME: modela-se uma empresa, os seus ativos e as suas vulnerabilidades, e a aplicação calcula uma pontuação de risco.
A história
Projeto da cadeira de Web Avançado (Efrei, LSI 1), realizado a dois: eu fiz o frontend e o meu colega o backend. A empresa fictícia NEOGINIX é o fio condutor: ficha da empresa, seis tipos de ativos, vulnerabilidades por criticidade e depois uma pontuação de 0 a 100 com recomendações personalizadas.
Na interface, cuidei de um sistema de design baseado em variáveis CSS, um modo escuro persistente, uma barra de navegação flutuante animada e uma página inicial em grelha matricial que reage ao rato (verde fósforo no escuro, azul ardósia no claro).
O painel de controlo mostra KPI, um histograma, um doughnut e um indicador de risco. O relatório final exporta-se como um verdadeiro PDF estruturado.
O que retiro disto
Dividir um projeto a dois em torno de um contrato de API estável, e tratar a interface como um verdadeiro sistema de design em vez de um amontoado de componentes.