Escuela · 2026
CyberTwin
Simulador de riesgo cibernético para pymes: se modela una empresa, sus activos y sus vulnerabilidades, y la aplicación calcula una puntuación de riesgo.
La historia
Proyecto del curso de Web Avanzado (Efrei, LSI 1), realizado en pareja: yo hice el frontend y mi compañero el backend. La empresa ficticia NEOGINIX es el hilo conductor: ficha de empresa, seis tipos de activos, vulnerabilidades por criticidad y luego una puntuación de 0 a 100 con recomendaciones personalizadas.
En la interfaz, cuidé un sistema de diseño basado en variables CSS, un modo oscuro persistente, una barra de navegación flotante animada y una página de inicio con cuadrícula matricial que reacciona al ratón (verde fósforo en oscuro, azul pizarra en claro).
El panel de control muestra KPI, un histograma, un doughnut y un indicador de riesgo. El informe final se exporta como un PDF estructurado de verdad.
Lo que me llevo
Dividir un proyecto entre dos en torno a un contrato de API estable, y tratar la interfaz como un verdadero sistema de diseño en lugar de un montón de componentes.