The application uses DOG-API to view dog breeds.
When you run the application for the first time, it retrieves information on all dog breeds available in DOG-API.
The breeds and sub-breeds are displayed as an alphabetically grouped list. The dog breed is presented as a button with the breed name as the button label. Pressing the button opens a modal window in which a random photo of a specific breed is displayed.
It is also possible to download another random photo of a breed by pressing the Next image
button.
The modal window can be closed by pressing the cross in the upper right corner or by pressing ESC
on the keyboard.
Hooks: useCallback
, useMemo
, useEffect
, custom hook useApi
.
Libraries: uuid, axios, CSSTransition
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.