Sobre este proyecto
it-programming / web-development
Abierto
Se busca un desarrollador con amplia experiencia en Microfrontends, Single-SPA, React y TypeScript para una sesión de consultoría y guía práctica. El objetivo es implementar la autenticación desde cero en un proyecto Single-SPA existente, que es nuevo y se busca mantenerlo simple, sin maquetaciones complejas.
El proyecto requiere la implementación de autenticación consumiendo un backend que expone los siguientes endpoints:
- post /login
- post /register
- get /renew
cada uno de estos endpoints retorna un json web token (jwt).
Durante la sesión, el cliente desea aprender y ser guiado paso a paso en los siguientes aspectos:
- Guardar el token (se busca recomendación sobre localStorage o cookies).
- Mantener la sesión activa y refrescar el JWT de manera segura.
- Compartir el estado de autenticación de forma eficiente entre los diferentes microfrontends.
- Proteger rutas o módulos específicos dentro de la arquitectura Single-SPA.
- Desarrollar un ejemplo funcional mínimo que incluya el flujo completo de login, registro y renovación del token.
El alcance de la sesión de videollamada incluye:
- Configurar la arquitectura necesaria en Single-SPA, abarcando el root-config y un microfrontend dedicado a la autenticación.
- Crear un microfrontend de autenticación simple utilizando React y TypeScript.
- Integrar las llamadas a los endpoints del backend para el proceso de autenticación.
- Implementar el manejo del estado global de autenticación, ya sea a través de import-map o eventos globales.
- Explicar las mejores prácticas para el uso y gestión de JWT dentro de un entorno de microfrontends.
No se requiere:
- Diseño de interfaz de usuario complejo.
- Funcionalidades adicionales que no estén directamente relacionadas con el flujo de autenticación.
La modalidad será una sesión interactiva en videollamada (Zoom, Google Meet o similar), con una duración estimada de 1 a 2 horas, completamente enfocada en el aprendizaje y la construcción práctica del flujo de autenticación. La comunicación se realizará íntegramente en español.
Categoría Programación y Tecnología
Subcategoría Programación Web
¿Cuál es el alcance del proyecto? Cambio mediano
Duración del proyecto No definido
Habilidades necesarias