Monitoreo de Servicios y Servidores

Aplicación web para monitorear servicios y servidores, desarrollada con Angular (TypeScript y TaigaUI) para el frontend y .NET (C#) para el backend.

Arquitectura Modular

  • Organización jerárquica de servicios agrupados por aplicaciones.
  • Sistema de cards interactivas con semáforo de estado (🟢 OK | 🟠 WARNING | 🔴 ERROR).
  • Monitoreo de métricas clave:
    • Servicios: Tiempo de respuesta (ms).
    • Servidores: Espacio en disco (GB/libre).

Gestión Dinámica

  • ▶️ Configuración de intervalos de actualización automática.
  • ✏️ Edición en línea de parámetros de monitoreo.
  • 🗑️ Eliminación segura de elementos obsoletos.
  • 🚫 Deshabilitación selectiva de checks (evita llamadas a endpoints).
  • ➕ Creación de nuevos elementos mediante formularios contextuales:
    • Servicios (con validación de endpoints).
    • Servidores
    • Aplicaciones (agrupadores lógicos).

Personalización Avanzada

  • ⇅ Drag-and-Drop para reordenar aplicaciones y organizar cards según preferencia del usuario modificando su valor de orden.
    • Reordenar aplicaciones (agrupaciones de servicios)
    • Organizar cards según preferencia del usuario
  • Persistencia de configuración personalizada (localStorage + backend).
  • Sistema de priorización visual mediante ordenamiento manual.

Funcionalidades Técnicas

  • Histórico gráfico temporal para:
    • Performance de servicios (series temporales)
    • Evolución de capacidad en servidores
  • Detalle expandible por card con:
    • Métricas específicas por disco (servidores)
    • Logs de últimos checks (servicios)
    • Acciones rápidas de gestión
  • Modo mantenimiento (pausa temporal de monitoreo)
  • Notificaciones visuales para cambios de estado

Experiencia de Usuario:

  • Interfaz responsive con 3 vistas diferentes (mobile/tablet/desktop)
  • Auto-guardado de configuraciones
  • Feedback visual en tiempo real durante operaciones
Monitoreo
Monitoreo
Monitoreo
Monitoreo
Monitoreo
Monitoreo
Monitoreo
Monitoreo
Slide 0 de 0