The goal of this small project is to utilize the Dog Api and become more familiar with React Hooks
Assignment:
- Use the Dog API to fetch a list of all dogs
- Fetch all of the dog's sub breeds
- Each dog breed name should be a link
- The link should take you to a different page (in the SPA)
- Render out a random picture of the dog breed
- General styling of the application
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
- Axios: used to fetch API data
- React Router DOM: used to simulate navigation to other "pages" in an SPA
- feature a certain number of breeds per page
- create page up and page down buttons to see other breeds
- let user change number of breeds shown on page
- search feature on header to dynamically update page based on user input
- animated drop down menu for breeds with subbreeds
- each subbreed is a link to a page with an image
- loading spinner in case response from api is slow