Adopt Pet is a ReactJs based Web Application that allows you to search for animals based on their breed and adopt from Petfinder. Completed this project as part of Frontend Master's course "Complete Intro to React, v5 by Brian Holt"
Course Website: https://frontendmasters.com/courses/complete-react-v5/
- Created this project from scratch(started this application with pure React and then built on top of it.
- Used Prettier tool for formatting, configured ESLint and used Parcel bundler.
- Used React Hooks for search part of the application. Created custom hooks.
- useEffect built-in hook to asynchronously request data from the Petfinder API.
- Reach Router to navigate to the Pet Details page based on pet id.
- Class component and state.
- Context to set theme color.
- Error Boundaries to control API errors.
Here's a walkthrough of the application:
GIF created with Giphy Capture(https://giphy.com/apps/giphycapture).