Netify

Herramienta educativa interactiva para aprender, planificar y visualizar el subneteo de redes IP.

Cliente

Proyecto Educativo

Industria

Herramientas de TI / Educación

Duración

2 Semanas

Equipo

1 Desarrollador AI

El Desafío

Crear una interfaz intuitiva para un tema técnicamente complejo como el subneteo. El principal desafío fue desarrollar una lógica de cálculo de subredes (VLSM) robusta y generar visualizaciones dinámicas (árbol y pastel) que fueran fáciles de interpretar para usuarios de todos los niveles.

La Solución

Se desarrolló una Single Page Application (SPA) con Next.js y React, utilizando componentes de ShadCN para una UI moderna. La lógica de cálculo se implementó en TypeScript puro, y se usaron librerías como Recharts y lógica de renderizado SVG personalizada para las visualizaciones. La exportación a PDF se logró con jsPDF-autoTable.

Detalles del Proyecto

SubnetPro es una aplicación web diseñada para desmitificar el proceso de subneteo de redes. Guía a los usuarios, desde estudiantes hasta profesionales de TI, a través de la división de una red base en subredes más pequeñas y manejables, optimizando el uso del espacio de direcciones IP.

Características Principales:

- Modos duales: Un "Modo Aprendizaje" guiado con explicaciones y un "Modo Experto" para planificación rápida.
- Cálculo automático de subredes basado en los requisitos de hosts por cada departamento o sucursal.
- Visualizaciones interactivas que incluyen una vista de árbol jerárquico y un gráfico de pastel para entender la asignación de la red.
- Tabla de resultados detallada con Dirección de Red, Broadcast, Máscara, y rangos de IP.
- Generación de informes en PDF con la tabla de resultados y la estructura de árbol para documentación.
- Análisis estadístico sobre la eficiencia y el desperdicio de direcciones IP en el plan generado.