Esta aplicación forma parte de una prueba técnica realizada en Febrero de 2022 para una consultora de desarrollo de software y una empresa del ámbito Radio-televisivo.
Se pide:
Las mínimas funcionalidades requeridas son:
- Formulario crear
- Formulario editar
- Listado
- Capacidad de acceder al detalle y eliminar
Servicios / Endpoints:
Estamos usando un api pública <http://dummy.restapiexample.com/>
- <http://dummy.restapiexample.com/api/v1/employees> Get all employee data Details
- <http://dummy.restapiexample.com/api/v1/employee/1> Get a single employee data Details
- <http://dummy.restapiexample.com/api/v1/create> Create new record in database Details
- <http://dummy.restapiexample.com/api/v1/update/21> Update an employee record Details
- <http://dummy.restapiexample.com/api/v1/delete/2> Delete an employee record Details
Recursos a utilizar:
- Cualquier librería que te ayude a realizar el ejercicio
- Versión más reciente de ES6 (new features como spread operator o deestructuring)
- Api más reciente que conozcas de ReactLas mínimas funcionalidades requeridas son:
- Formulario crear
- Formulario editar
- Listado
- Capacidad de acceder al detalle y eliminar
Servicios / Endpoints:
Estamos usando un api pública <http://dummy.restapiexample.com/>
- <http://dummy.restapiexample.com/api/v1/employees> Get all employee data Details
- <http://dummy.restapiexample.com/api/v1/employee/1> Get a single employee data Details
- <http://dummy.restapiexample.com/api/v1/create> Create new record in database Details
- <http://dummy.restapiexample.com/api/v1/update/21> Update an employee record Details
- <http://dummy.restapiexample.com/api/v1/delete/2> Delete an employee record Details
Recursos a utilizar:
- Cualquier librería que te ayude a realizar el ejercicio
- Versión más reciente de ES6 (new features como spread operator o deestructuring)
- Api más reciente que conozcas de ReactPara llevarla a cabo se usan las siguientes tecnologías:
- React
- Redux (Redux Toolkit)
- Chakra-UI
- Axios
- Cypress + Testing Library
La API que se usa en esta aplicación contiene errores de CORS y de permisos, es por ello que a veces se muestran errores 4XX en las peticiones. Esto está contemplado en los requisitos de la prueba técnica al ser un error difícilmente resoluble en frontend.
Listado de características más importantes:
- Listar empleados
- Paginar empleados
- Ver detalles de un empleado según su ID
- Modificar empleados
- Eliminar empleados
- Crear nuevos empleados
- Notificaciones cuando ocurren errores
- Placeholders mientras las imágenes están cargando
- Manejo de estado haciendo uso de react-redux
- Diseño responsivo
- Estilos con Chakra-UI
Galería
App Homepage
Búsqueda de empleados
Detalles de un empleado según su ID
Creación de nuevo empleado
Gestión de errores y notificación al usuario
