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

💻 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.