Git Product home page Git Product logo

pet-plus-vet-api-project's Introduction

Pet Plus Vet

Pet Plus Vet Logo

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)

Technologies Used

This website was built with HTML5, CSS3, JavaScript, and JQuery

Live url

http://rigby33.github.io/pet-plus-vet-api-project

Summary of Application

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.

Pet Plus Vet home screen image

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.

search for pet simple view

search for pet simple view selected

search for pet more filters view

After the user fills out the form and clicks search they are given the option to view pet results or to view vet results.

view results pets and vets

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.

pet results

pet results and description

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.

vet results

pet-plus-vet-api-project's People

Contributors

rigby33 avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

tommyteavee

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.