Skip to content

Componente técnico

José Sanmiguel edited this page Jul 27, 2023 · 4 revisions

Generalidades

Las herramientas empleadas para construir esta aplicación fueron:

  1. Vite: entorno de desarrollo rápido para proyectos de frontend con React js.
  2. React js: biblioteca de JavaScript para construir interfaces de usuario interactivas.
  3. Redux y Redux toolkit: librerías para el manejo del estado de la aplicación.
  4. Firebase: utilizado para la autenticación y almacenamiento de información en la base de datos Firestore.
  5. React Router Dom: usado para la protección de rutas, mediante separación de rutas públicas y privadas
  6. Formik y Yup: empleados para la validación de formularios y garantizar la integridad de los datos ingresados.
  7. Bootstrap, Sass y AntDesign: utilizados para estilizar y mejorar el aspecto visual de la aplicación.
  8. Media Queries y Material UI core: para el diseño responsive de la aplciación.
  9. FullCalendar: librería para gestionar el cronograma
  10. Xlsx: librerría para descargar archivos de Excel.

Características

Inicio de sesión y registro

Los usuarios tienen la opción de iniciar sesión por correo y contraseña (si ya fueron registrados previamente). También tienen la opción de recuperar contraseña si se les ha olvidado.

image

Cada tipo de usuario tiene funcionalidades diferentes y accesos a diferentes pestañas, en función de su rol dentro de Makaia

1. SUPER ADMINISTRADOR

  • En un MÓDULO DE REGISTRO, el Super administrador puede registrar en una tabla los administradores que ha añadido, junto con los campos definidos y dos botones para editar y eliminar. También cuenta con un formulario para añadir un administrador con todas sus propiedades (definir).

  • En un MÓDULO DE PERFIL, que sirve también para el administrador, puede visualizar y editar los datos

También puede:

  • Crear administradores.
  • Visualizar administradores.
  • Editar administradores.
  • Eliminar administradores.
  • Visualizar perfil y editar(actualizar) sus datos.

image

image

2. ADMINISTRADOR

  • Visualizar, añadir, editar y eliminar un estudiante.
  • Añadir varios estudiantes mediante la carga de un archivo excel.
  • Editar información acerca de un estudiante.
  • Añadir, editar, visualizar y eliminar un evento.
  • Visualizar perfil y editar(actualizar) sus datos.

image

image

3. FORMADOR

  • Añadir y modificar notas.
  • Toma de asistencia.
  • Añadir, editar, visualizar y eliminar eventos. (mismo del administrador)
  • Añadir y modificar recursos educativos.
  • Visualizar perfil y editar(actualizar) sus datos.
  • Búsqueda: el Formador puede buscar a un estudiante por nombre y asignar una calificación o marcar asistencia.

image

image

4. PARTICIPANTE:

  • Visualizar cronograma, notas, plan de estudios y recursos educativos.
  • Visualizar perfil y editar(actualizar) sus datos.

image

image