Table of Contents
An application to explore adoptable dogs and find your perfect match. Users can filter dogs based on breed and age, and sort by ascending and descending.
Users can favorite dogs in their search results. Once they like all of the dogs they've selected, they can get matched with a dog to adopt.
When starting Adopter, you will be met with a login screen. To login, you can use any "name" and validly-formatted email - you do not need actual credentials. Adopter is authenticated with an http-only cookie. Refreshing the page will require you to log back in and reset your session.
All features can be navigated via dropdown menu in upper right section of Navbar.
When logging in, you sill be directed to the search page. To filter by breeds, open the dropdown filter and select breeds via click. Clicking the search button will launch a new search based on current search params. It will also return the search to page 0 if the user is not already there.
The Favorite dogs page can be used to review the dogs the user has liked. The match page will let users generate, or regenerate, matches.
To get a local version of Adopter up and running, do the following.
-
Clone the repo
git clone https://github.com/danjzych/fetch-frontend-takehome.git
-
cd into your Adopter directory and install project dependencies
cd ./your-directory npm install
-
Launch
npm run dev -- --open
-
To run tests, enter the following into the command line:
npm run test
Daniel Zych - LinkedIn - danjzych@gmail.com
This project was in part built with themes and components (i.e., buttons) from: