https://github.com/edgar-code-repository/react_dog_app

Aplicación desarrollada con React y Bootstrap que recupera informacion de razas de perros.
https://github.com/edgar-code-repository/react_dog_app

Last synced: 8 months ago
JSON representation

Aplicación desarrollada con React y Bootstrap que recupera informacion de razas de perros.

• Host: GitHub
• URL: https://github.com/edgar-code-repository/react_dog_app
• Owner: edgar-code-repository
• Created: 2019-06-26T06:58:28.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2019-06-26T06:59:08.000Z (about 7 years ago)
• Last Synced: 2025-01-23T04:29:32.980Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 3.62 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
THE DOG APP

--------------------------------------------------------------------------------------------------------------------

Aplicación SPA desarrollada con React 16 y Bootstrap que recupera informacion de razas y sub-razas de perros, 

y permite desplegar imagenes de perros correspondientes a la raza y/o sub-raza que se selecciona en la aplicacion.

La aplicación utiliza axios para conectarse a una API Rest llamada "Dog API": 

https://dog.ceo/dog-api/

--------------------------------------------------------------------------------------------------------------------

Pantalla inicial:

![Screenshot Inicial](screenshots/the_dog_app1.png)

--------------------------------------------------------------------------------------------------------------------

Pantalla de busqueda:

![Screenshot Search](screenshots/the_dog_app2.png)

Los drop down de raza y sub-raza son cargados a partir de la data obtenida desde la url:

https://dog.ceo/api/breeds/list/all

--------------------------------------------------------------------------------------------------------------------

Busqueda por raza:

![Screenshot SearchByBreed](screenshots/the_dog_app3.png)

El despliegue de imagenes por raza se realiza a partir de la data obtenida desde la url:

https://dog.ceo/api/breed/{nombre_raza}/images

Por ejemplo:

https://dog.ceo/api/breed/akita/images

Se muestran como maximo 10 imagenes de la raza seleccionada.

--------------------------------------------------------------------------------------------------------------------

Busqueda por raza y sub-raza:

![Screenshot SearchBySubBreed](screenshots/the_dog_app4.png)

El despliegue de imagenes por raza y sub-raza se realiza a partir de la data obtenida desde la url:

https://dog.ceo/api/breed/{nombre_raza}/{nombre_sub_raza}/images

Por ejemplo:

https://dog.ceo/api/breed/bulldog/boston/images

Se muestran como maximo 10 imagenes de la raza / sub-raza seleccionada.

--------------------------------------------------------------------------------------------------------------------

Pantalla about:

![Screenshot Inicial](screenshots/the_dog_app5.png)