Terminado

Cascaron en React

Publicado el 12 Enero, 2024 en Programación y Tecnología

Sobre este proyecto

Abierto

•⁠  ⁠un login con su modal de olvide contraseña,
•⁠  ⁠⁠una página inicial, con su menú arriba que tiene un botón con un icono que si le das click se abre un menú con las opciones de mi perfil y cerrar sesión y el menú lateral aparecen 3 opciones que dirigen a 3 componentes, el de catalogos que es el único elaborado, el dos y el tres que nada más existen para tener el funcionamiento del menú lateral
•⁠  ⁠⁠dentro de mi perfil se muestra la información del usuario logeado, y solo se puede editar el celular
•⁠  ⁠⁠dentro de catalogos aparece un solo cuadro con la opción de usuarios
•⁠  ⁠⁠dentro de usuarios (este es el componente mas grande del cascaron)
      -primero tenemos el botón de agregar usuario que abre un modal con 5 inputs para ingresar el nombre, correo, contraseña, celular y perfil que tiene un select autocomplete
      -después tenemos un buscador de tabla que es también autocomplete sobre los campos de nombre y perfil
      -también tenemos un buscador de rango por fecha sobre la fecha de creación del usuario
      -también se muestra una tabla con la información de los usuarios, en cada renglón del usuario hay 2 botones en la columna acciones, el que sirve para activar y desactivar (este es sobre la misma pantalla, no hay modal ni nada), y el que sirve para editar, que lleva a una pantalla donde se muestra la información del usuario seleccionado (nombre, correo, celular y perfil) y tiene un botón de editar que abre un modal similar al de agregar pero este esta prellenado con la info del usuario seleccionado, si no se envía la contraseña se modifica todo sin ella, si se envía, se cambia también la contraseña
      -por último sobre la tabla tenemos también botones para seleccionar renglones o uno para seleccionar todos los renglones y al dar click en desactivar seleccionados se desactivan todos esos usuarios seleccionados

Responsive (que se acomode bien y que el menú se abra y se cierre en móvil y se ponga el icono de las barras) 
y un ejemplo de modal de avisos que autodesaparece (a los 5 segundos)

El back ya esta hecho y se entregaría un link de swagger para que lo puedan ver

Categoría Programación y Tecnología
Subcategoría Programación Web

Plazo de Entrega: No definido

Habilidades necesarias