Herramienta profesional de gestión y estimación de proyectos de auditoría de ciberseguridad.
Diseñada para equipos de seguridad que necesitan planificar, presupuestar y reportar auditorías de infraestructura tecnológica con precisión.
Couture Projekt es una aplicación web pensada para el departamento técnico y de ventas de empresas de ciberseguridad. Permite:
- Estimar el tiempo de auditoría para distintos tipos de equipos (PCs, móviles, servidores, electrónica de red y firewalls) en entornos de Caja Blanca, Gris y Negra.
- Planificar el cronograma de ejecución teniendo en cuenta el número de técnicos disponibles, la jornada laboral y excepciones de horario.
- Visualizar el plan de trabajo con un diagrama de Gantt interactivo con soporte para vistas de día, semana y mes.
- Reportar los resultados en un informe de presupuestación listo para imprimir o exportar en PDF para el departamento de ventas.
- Nombre del proyecto y cliente.
- Fecha de inicio del proyecto.
- Matriz de equipamiento 5×3: introduce la cantidad de equipos por tipo y entorno en una sola cuadrícula.
- Los tiempos se calculan automáticamente al actualizar la matriz (sin necesidad de guardar).
- Técnicos asignados: 1, 2 o 3 auditores trabajando en paralelo.
- Horario extendido: Activa jornadas de 12h/día en lugar de las 8h estándar.
- Auditoría en fines de semana: Permite que el calendario incluya sábado y domingo.
- Renderizado nativo con frappe-gantt.
- Vistas intercambiables: Día, Semana y Mes.
- Fines de semana sombreados cuando se trabaja solo en horario laboral.
- Flechas de dependencia entre fases de auditoría.
- Programación automática con cálculo de días laborables reales.
- Línea de "Hoy" para orientación visual.
- Resumen de KPIs: esfuerzo total, plazo real, tamaño del equipo y capacidad diaria.
- Bloque de escenario de ejecución detallado.
- Tabla de desglose por equipamiento, entorno, unidades y horas.
- Función de impresión optimizada para A4 (sin sidebar, sin botones).
- Los datos del proyecto se guardan automáticamente en
localStoragedel navegador entre sesiones.
Los tiempos base por unidad en entorno White Box son:
| Equipamiento | White Box | Gray Box | Black Box |
|---|---|---|---|
| Personal Computer | 20 min | 40 min | 1 h |
| Mobile Device | 30 min | 1 h | 1.5 h |
| Server | 4 h | 8 h | 12 h |
| Network Electronics | 2.5 h | 5 h | 7.5 h |
| Firewall | 2 h | 4 h | 6 h |
Los multiplicadores son: White Box
×1.0, Gray Box×2.0, Black Box×3.0.
Fórmula de plazo:
Plazo (días) = ⌈ Total Horas / (Horas/Día × Nº Técnicos) ⌉
- Node.js v18 o superior
- npm v9 o superior
# 1. Clonar el repositorio
git clone https://github.com/cyber-haute-couture/audit-estimator.git
cd audit-estimator
# 2. Instalar dependencias
npm install
# 3. Iniciar el servidor de desarrollo
npm run devLa aplicación estará disponible en http://localhost:5173.
| Comando | Descripción |
|---|---|
npm run dev |
Servidor de desarrollo con HMR |
npm run build |
Compilar para producción en /dist |
npm run preview |
Previsualizar la build de producción |
npm run lint |
Revisar el código con ESLint |
src/
├── components/
│ ├── GanttView.jsx # Diagrama de Gantt interactivo (frappe-gantt)
│ ├── MatrixInput.jsx # Cuadrícula de entrada de equipamiento
│ ├── ResourceConfig.jsx # Controles de equipo y jornada
│ └── SalesReport.jsx # Informe de presupuestación imprimible
├── App.jsx # Shell principal: sidebar, toolbar, KPI strip
├── constants.js # Tiempos base, tipos de equipo, entornos
├── index.css # Sistema de diseño completo (OpenProject-style)
└── main.jsx # Punto de entrada React
| Tecnología | Versión | Uso |
|---|---|---|
| React | 19 | Framework de UI |
| Vite | 8 | Build tool y dev server |
| frappe-gantt | 1.2.x | Renderizado del diagrama de Gantt |
| lucide-react | 1.7.x | Iconografía |
| CSS puro | — | Sistema de diseño (sin frameworks CSS) |
La interfaz está inspirada en la estética de OpenProject:
- Sidebar fija en azul marino oscuro con navegación contextual.
- Barra de KPIs siempre visible con métricas del proyecto en tiempo real.
- Tema claro para el área de trabajo (fondo
#f0f2f5, superficie blanca). - Tipografía Inter (Google Fonts) para máxima legibilidad.
- Diseño responsivo para pantallas de escritorio a partir de 1024px.
Todos los datos del proyecto se almacenan exclusivamente en el navegador del usuario mediante localStorage. No se realiza ninguna petición a servidores externos ni se envían datos a terceros.
- Exportación directa a PDF con
html2pdf.js - Soporte para múltiples proyectos simultáneos
- Campos de tarifa por técnico para calcular presupuesto económico
- Exportación de la matriz a CSV / Excel
- Cálculo de hitos y fechas de entrega por fase
- Modo oscuro (toggle)
Las contribuciones son bienvenidas. Por favor, abre un issue antes de hacer un PR para discutir los cambios propuestos.
MIT © 2026 Cyber Haute Couture