Pet Plus Vet is a tool where a user can search for adoptable pets and vets in their area. There's a saying that goes "if you can't afford the vet don't adopt the pet." The goal of this website is to drive home the importance of animal health care when adding a new member (pet) to your family.
This website was made possible by using data pulled from two third party APIs. http://petfinder.com and http://maps.google.com (Google Maps Javascript API)
This website was built with HTML5, CSS3, JavaScript, and JQuery
http://rigby33.github.io/pet-plus-vet-api-project
When the website loads the user is greeted with the Pet Plus Vet logo, an attention grabbing headline, a short explanation of the website, and a button that the user will click once the area ready to find a pet.
Once the user has clicked the "find a pet" button the search form scrolls into view. Users can select from reptile, cat, dog, rodent, and bird. Following the pet selection the user inputs the city and state they are wanting to search in. Once the user select the pet and enters their location information they can click search and get their pet and vet results. There is also an option to use more search filters. The user can click "more filters" and dropdown selections for size, gender, and age are revealed.
After the user fills out the form and clicks search they are given the option to view pet results or to view vet results.
If the user clicks "pet results" the page scrolls down to reveal all of the animals that pertain to their query. The user will see the animal's picture, name, description, and contact info.
The user can also scroll down to the vet results. In the vet results section there is a google map with pin points for all of the vets near the searched city and state. The user can click on a pin and view the vet's contact information, rating, website, and the user can also get directions.
