Skip to content

Latest commit

 

History

History
78 lines (67 loc) · 3.11 KB

README.md

File metadata and controls

78 lines (67 loc) · 3.11 KB

Prueba Técnica I+D Team - CRUD de Usuarios en React

Estado

💻 Sobre el proyecto

Solución a la prueba técnica para desarrolladores FullStack, que consta de la creación de un CRUD de usuarios utilizando React.

🛠️ Se implementó

  • Ejercicios de algoritmos y estructuras de datos en JavaScript ubicados en la carpeta "docs"
  • Consultas SQL en la carpeta "docs"
  • React - Vite
  • Git || GitHub
  • CRUD completo (crear, leer, actualizar y eliminar usuarios)
  • Validaciones en los formularios con Ant Design (antd) para garantizar la integridad de los datos.
  • Uso de componentes funcionales y hooks (también se creó un hook personalizado).
  • Gestión del estado - uso de Redux Toolkit.
  • Uso de UUID para generar identificadores únicos para nuevos registros de usuarios.
  • Se siguió el diseño de Figma proporcionado, de 1280 x 885 px, pero también se optimizó para pantallas de hasta 1400 px, ya que se usaron media queries.
  • Estilizado con Ant Design y CSS Modules.
  • Implementación de un setTimeout en un hook personalizado para simular un tiempo de carga y mostrar un loader en la tabla de lista de usuarios.
  • Variables de entorno.
  • Búsqueda por nombre por coincidencia.
  • Filtrado por el estado del usuario (active/inactive).
  • Paginado de registros utilizando limit & offset.

📸 Site preview













📌 Recursos

🎨 Link al diseño de Figma

🗄️ Documentación antd

🗄️ Documentación json-server

📧 Contacto

¿Tienes un proyecto en mente? Conectémonos y hagamos que las cosas sucedan! Puedes escribirme a melodibalossino@gmail.com o seguirme en LinkedIn.

🔒 Licencia

Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para obtener más detalles.