Skip to content

codesthq/roman_react_task

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DOG API React Sample App

The application uses DOG-API to view dog breeds.

How the application works

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.

Solutions used

ReactPortal.

Hooks: useCallback, useMemo, useEffect, custom hook useApi.

Libraries: uuid, axios, CSSTransition

Available Scripts

In the project directory, you can run:

npm start

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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published