Incidencias App

Sistema multiempresa de gestión de incidencias con PWA, WebAuthn, WebSockets y modo offline.

Ir a la App Probar WebSocket

Características Implementadas

Multiempresa

Aislamiento completo de datos por empresa con middleware de tenant.

WebAuthn

Autenticación biométrica con huella, Face ID y Windows Hello.

Tiempo Real

WebSockets para actualizaciones instantáneas de incidencias.

PWA

Instalable, modo offline, sincronización automática y notificaciones push.

Usuarios de Ejemplo

Super Admin admin@empresademo.com

Contraseña: Admin123
Permisos: Acceso total a todas las empresas y funciones administrativas.

Iniciar Sesión
Supervisor TI supervisor@empresademo.com

Contraseña: Admin123
Permisos: Gestión de incidencias del departamento TI, reportes y asignaciones.

Iniciar Sesión
Empleado TI empleado1@empresademo.com

Contraseña: Admin123
Permisos: Crear y ver sus propias incidencias en el departamento TI.

Iniciar Sesión
Empleado Soporte empleado2@empresademo.com

Contraseña: Admin123
Permisos: Crear y ver sus propias incidencias en el departamento Soporte.

Iniciar Sesión
Información de la Empresa

Nombre: Empresa Demo

Departamentos:

  • Tecnología (ID: 1)
  • Soporte Técnico (ID: 2)
  • Recursos Humanos (ID: 3)

Tenant ID: 1

Seguridad

Las contraseñas están hasheadas con Argon2id.

WebAuthn disponible para login biométrico.

JWT tokens para API con expiración de 1 hora.

Pasos para Probar la Aplicación

Probar Conexión WebSocket
  • Abre la página de prueba WebSocket para verificar que el servidor está funcionando correctamente.
    • URL: ws://127.0.0.1:8080
    Iniciar Sesión

    Usa cualquiera de los usuarios de ejemplo para iniciar sesión. Puedes probar:

    • Login tradicional con email y contraseña
    • Registro de dispositivo biométrico (WebAuthn)
    • Login con huella digital (si tu dispositivo lo soporta)
    Crear Incidencia

    Como empleado, crea una nueva incidencia:

    • Toca el botón flotante +
    • Selecciona el tipo de incidencia
    • Toma una foto con la cámara (opcional)
    • Describe el problema
    • Envía la incidencia
    Probar Tiempo Real

    Abre la aplicación en dos ventanas/navegadores diferentes:

    • Una como supervisor
    • Otra como empleado
    • Crea una incidencia en una ventana
    • Verás la notificación instantánea en la otra
    Probar Modo Offline

    Instala la aplicación como PWA:

    • En Chrome: Toca el ícono de instalación en la barra de direcciones
    • Desconecta tu internet
    • Crea una incidencia (se guardará localmente)
    • Reconecta y verás la sincronización automática
    Probar Administración

    Como Super Admin, explora:

    • Gestión de empresas y departamentos
    • Creación y edición de usuarios
    • Configuración de tipos de incidencia
    • Reportes y estadísticas

    Enlaces Útiles

    Página Principal
    Login
    Incidencias
    Administración
    Dashboard
    Calendario
    Reportes
    Test WebSocket

    Estado del Sistema

    Servidor WebSocket
    Activo ws://127.0.0.1:8080
    Base de Datos
    Conectada MySQL/MariaDB