Implementación de autenticación multitenant en frontend para plataforma SaaS de salud

Implementación de autenticación multitenant en frontend para plataforma SaaS de salud

Descripción detallada:
Buscamos un desarrollador frontend experto, con experiencia en autenticación, sesiones, multitenancy, consumo dinámico de APIs y estructuras escalables. El objetivo es adaptar el frontend de nuestra plataforma SaaS para soportar múltiples empresas bajo un esquema de subdominios.

Actualmente, el sistema solo permite iniciar sesión a usuarios Global Admin, debido a cómo funciona el manejo actual de sesiones y autenticación. Se necesita una solución funcional, sólida, mantenible y pensada para ambientes de desarrollo, pruebas y producción.

Requisitos clave del proyecto:
Tecnología: JavaScript (vanilla o framework), HTML, CSS, manejo avanzado de sesiones (sessionStorage, contextos, tokens, etc.)

Prohibido modificar el backend. Todo el trabajo es del lado del frontend.

El sistema debe permitir que usuarios de empresas (tenants) inicien sesión y sean redirigidos automáticamente a su subdominio correspondiente, con su sesión aislada.

El login siempre ocurre desde:

Dominio principal (sin subdominio) en desarrollo y producción

Después del login, si el usuario pertenece a una empresa (tenant), debe redirigirse a un subdominio como:

empresa.localhost

empresa.misistema.com

El frontend debe detectar el subdominio desde la respuesta del backend y ajustar:

Rutas dinámicas

URLs base de las APIs (empresa.backend.misistema.com, etc.)

Debe evitar errores como:

Invalid HTTP_HOST header: 'empresa.localhost:3000'. You may need to add 'empresa.localhost' to ALLOWED_HOSTS.

No debe permitirse iniciar sesión directamente desde subdominios.
El frontend debe prevenir ese flujo erróneo.

Requerimientos funcionales:
Reutilización de las vistas actuales. No se crean nuevos archivos HTML.

El contenido debe mostrarse condicionalmente según el tipo de usuario (Global Admin o usuario Tenant).

Mostrar un dashboard con:

Nombre de la empresa

Logo

Correo del usuario

Manejo correcto del cierre de sesión y limpieza del estado.

Mantener la animación actual del botón de login.

El sistema debe ser escalable, soportando nuevos tenants sin reconfiguración manual del código.

El consumo de APIs debe ajustarse automáticamente según el subdominio.

La solución debe estar construida con buenas prácticas, estructura clara, y sin usar plantillas genéricas o ejemplos sin sentido.

Lo que entregamos:
Documentación con historias de usuario

Acceso al entorno de desarrollo

Entorno de pruebas con subdominios activos

Código del frontend actual

Ejemplos de respuestas del backend:

Global Admin: { token, message }

Usuario Tenant: { token, subdomain, email }

Qué esperamos de ti:
Una solución profesional que funcione desde el primer intento.

Redirección segura y validación del subdominio.

Configuración automática del entorno según dominio.

Código mantenible, limpio y modular.

Validación rigurosa antes de redireccionar para evitar errores como rutas inválidas.

Presupuesto estimado:
Negociable según experiencia y calidad. Se prefiere pago por entregable funcional validado en entorno de pruebas.

Ideal para ti si:
Has trabajado en plataformas SaaS o multitenant.

Tienes experiencia en manejo avanzado de sesiones frontend.

Sabes cómo adaptar APIs y rutas dinámicamente según subdominios.

Entiendes los retos de escalar un sistema en múltiples entornos sin romper la arquitectura.