Esta aplicación forma parte de una prueba técnica realizada en Junio de 2021 para una consultora de desarrollo de software.
Se pide:
Desarrolle una aplicación en React que disponga de un Select/Combo que nos permita seleccionar una raza concreta de perros y, al hacerlo, nos muestre una lista de imágenes de la raza seleccionada. Este servicio expone la lista de las razas: https://dog.ceo/api/breeds/list/all y con este podrá obtener las rutas de las imágenes de una raza dada: https://dog.ceo/api/breed/<raza>/images.Desarrolle una aplicación en React que disponga de un Select/Combo que nos permita seleccionar una raza concreta de perros y, al hacerlo, nos muestre una lista de imágenes de la raza seleccionada. Este servicio expone la lista de las razas: https://dog.ceo/api/breeds/list/all y con este podrá obtener las rutas de las imágenes de una raza dada: https://dog.ceo/api/breed/<raza>/images.Para llevarla a cabo se usan las siguientes tecnologías:
- React
- Redux (Redux Toolkit)
- Styled-Components
- Axios
- i18next
Listado de características más importantes:
- Listar razas de perros
- Listas sub-razas de perros
- Listar imágenes relacionadas a una raza o raza y sub-raza seleccionada
- Notificaciones cuando ocurren errores
- Placeholders mientras las imágenes están cargando
- Manejo de estado haciendo uso de react-redux
- Soporte multilenguaje con i18next
- Modos de UI claro y oscuro
- Atomic Design System
- Persistencia del lenguaje y el modo de UI en LocalStorage
- Diseño responsivo
- Estilos con Styled-Components
Galería
App Homepage en Inglés
App Homepage en Español
Búsqueda de raza
Búsqueda de raza y especificación de Sub-raza
Filtros móviles
Búsqueda de raza con filtros móviles
Filtros móviles ocultos
Notificación de error de red
Placeholders mientras las imágenes están cargando
Modo de UI oscuro
