Portal de analítica industrial
Mi primer código en React: un portal empresarial con permisos por rol y tres idiomas, escrito en mi primer año programando.
El problema
Un portal de analítica industrial necesita bastante más que gráficos: acceso con permisos por rol, catálogos de producto, vistas de tendencia y una interfaz que funcione en los idiomas de la región.
Qué hice
Escribí el portal en React 17 con TypeScript sobre Elastic UI: alrededor de veinte componentes, gestión de usuarios con permisos por rol, catálogos y vistas de resumen y tendencias, e internacionalización con i18next en español, inglés y portugués con detección automática del idioma. Fue mi primer proyecto en React y en TypeScript, empezado un mes después de entrar a mi primer trabajo.
Qué resultó
78 commits entre julio y noviembre de 2021. Es el punto de partida de toda la evolución: la misma persona que escribía interfaces para visualizar datos terminó, cuatro años después, construyendo los motores que toman las decisiones.
Cómo estaba armado
- Login con permisos por rolEntrada
- Contexto de usuario y datosContext API
- Catálogos y productosEl dominio del portal
- Vistas de resumen y tendenciasDatos para decidir
- Interfaz en tres idiomasi18next con detección automática
- Portal operable por rolSalida
Código de 2021, mi primer año programando. Vale como foto del punto de partida: ya entonces el problema no era dibujar gráficos, sino resolver acceso por rol, estado compartido y una interfaz que funcionara en tres idiomas.
Stack
- React 17
- TypeScript
- Elastic UI
- i18next
- React Router
- Context API
- Azure DevOps
Código de 2021, archivado. Lo publico como evidencia del punto de partida, no como muestra de mi nivel actual.
Siguiente proyecto: Genetic Golf →