This project was created as an assignment for the PennLPS Fullstack Bootcamp.
- HTML
- CSS/ Bulma
- JavaScript
- PetFinder APIs
- TheCat API
- Create a functional application with a polished UI
- Have random cat facts (see 3a) a. See if Wikipedia also has an API that could be leveraged for cat breed/ historical info b. Could likely work for cats or dogs if the adoption API specifies breed … just substitute / alternate the URL it pulls the info from
- Have pictures that match the cat breed a. Change to have facts that match the animal available for adoption if the API specifies breed
- Have local storage
a. Save customer’s zip code to find local animals for adoption b. Ability to save your favorite animals to compare before adopting c. Include the contact info for the adoption center location specific to the pet - Ability to send a link to your favorite animal/s via email to a friend
- Provide the best cat breed suggestion
Pet Purrfect is an app that allows a user to search through a list of cat breeds, returning a cute picture and pertinent info about said breed, the app also contains a search function for available adoptable cats in the user’s area!
Agile Methodology
Attempted to use the CURL and learned it was out of scope.
Used the POST method and we are more aware how documentation for API varies.
Learned to use authentication/token request and client secret/bearer token.
We learned there were 2 version of an API. Version 1 did not work.
Added master, develop, and feature branches facts, pet-finder, styling Added styling Added API for cat facts and adoptable pets Added button Printed cat facts to HTML Printed picture to HTML Added zip code search for adoptable animals and printed to page
You can see our deployed project Here
Our repo can be found Here
PetFinder Github repo, Courtesy of user Helenuria
Google Resources for API application
Bulma documentation for dropdown menus