Skip to content

AntonV0/adopt-a-pet

Repository files navigation

Adopt a Pet

Project #50 from Codecademy's Full Stack Engineer Career Path

By Anton Vlasenko (AntonV0)

Project Outline

This project is a pet adoption website that allows users to view all adptable pets of a particular species, as well as view each specific pet profile. The goal of this project was to add client-side routing to this React application.

What I Learned

  • Further developed my understanding of React Router, covering concepts similar to the previous project (Project #49, React Router v5 Tutorial)
  • Creating routes by wrapping the application in a Router
  • Using the useParams hook to give components access to the values of the current URL parameters
  • Replacing the "a" HTML anchor element with React Router elements (Link & NavLink)
  • Adding useHistory, useLocation, and useEffect hooks to implement a search feature

Please note that in each project, the first commit is always the starter code provided by Codecademy.