Skip to content

A user interface with a fixed animal list. Pictures are fetched from Unsplash. The list can be searched by typing in the input field. Matching clickable animal cards are shown.

Notifications You must be signed in to change notification settings

ElaFinIta/animals

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Single page application (SPA)

An application to create cards from a list of animals. Images in cards are fetched from Unsplash. A link for the Wikipedia page for each animal is provided.

Usage:

Search for an animal by typing in the input field. An animal list of animals that contains the given string is shown. A picture of every animal is fetched from Unsplash. If no text is typed in the input, all the animals in the list are shown.Clicking the read more link brings to a separate animal card with a link to the Wikipedia page of the given animal.

Concepts practised:

  • routing and nested routing
  • controlled forms

Built with:

  • REACT
  • JXS
  • CSS

Screenshot:

screenshot

Credits:

About

A user interface with a fixed animal list. Pictures are fetched from Unsplash. The list can be searched by typing in the input field. Matching clickable animal cards are shown.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published