Skip to content
This repository was archived by the owner on Mar 17, 2025. It is now read-only.

Conversation

Pavan49450
Copy link

  1. Added two Components to App.tsx. Searchbar and DogList.
  2. The Search List takes values from input box and provides a search button. On clicking that button which fires a fetch request to the dog api which is provided.
  3. The Input box takes breed of a dog and we try to pass the breed to DogList component using redux reducers.
  4. With that breed we prepare dynamic URL which takes breed passed by the user. That URL is used to fire the API.
  5. Which again return a 10 images of the dogs of that breed.
  6. We use that images URL to prepare a array of elements in page.
  7. For each image we have like button. On clicking that button it adds to the favorites section.
  8. Again if want to remove it from the favorite section we click on that like button again.

@Pavan49450 Pavan49450 changed the title Challenge Created a stable react app with typescript setup (Kattula Pavan Kumar) Sep 2, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant