Back Office
El BackOffice fue desarrollado con React, e integrando librerías muy útiles.
Algunas de estas librerías son:
Material-ui: provee componentes predefinidos con estilos para varios elementos que fueron utilizados. Entre estos elementos se encuentran: inputs, mensajes de error en inputs, modales, header, botones, dropdowns, etc)
Recharts: provee componentes para realizar gráficos. Fue utilizado para la sección de métricas
Instalación
Al igual que los servicios backend, el BO también está dockerizado, por lo que para instalarlo se deben ejecutar los siguientes comandos:
Ambientes
El Back Office se encuentra desplegado en un ambiente productivo y otro interno del equipo de desarrollo:
- Producción con delívery continuo a partir de la rama master.
- Desarrollo con delívery continuo a partir de la rama develop.
Arquitectura e implementación
A continuación se destacan algunos puntos importantes en cuanto a la arquitectura e implementación:
- Se utilizó la api fetch para realizar requests al backend
- Se utilizó un router para redirigir una ruta en particular al componente correspondiente. A su vez, también se agregó un componente de redirección, para que si el token jwt no expiró redirija automáticamente a la Home, así como también que redirija al login en caso de que el token expire y el admin quiera realizar alguna acción
- Cada sección se realizó en un componente diferente, así como también cada subsección (info de un usuario, info de una publicación), de forma tal que el componente pueda ser reutilizado