tagine / pooch-quest

Pooch Quest is an application that assists the user in finding their perfect dog. As soon as the user searches, Pooch Quest gives relevant information about their desired breed along with adoptable dogs in their area.

Home Page:https://acucunato.github.io/pooch-quest/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pooch Quest

A Dynamic Web Application

Created as Project 1 during UPenn Coding Bootcamp. The challenge was to create a web application that constituted of a minimum of 2 APIs, using AJAX to pull data and a polished UI that utilizes Materialize.

User Story

  • AS A person searching to adopt a dog,
  • I WANT to be educated about breed specifics and search for adoptable dogs in my desired location,
  • SO THAT I am knowledgeable enough to adopt a dog that will suit my lifestyle requirements.

Overview

Pooch Quest is an application that assists the user in finding their perfect dog. As soon as the user searches, Pooch Quest gives relevant information about their desired breed along with adoptable dogs in their area. It utilizes a clean, easy-to-use interface that makes finding the perfect dog simple and fun.

Utilizing the App

  • View the app: Here
  • User clicks "Start Your Adventure"
  • User enters desired "Breed", "Location", and "Sex" and clicks "Fetch" button below input field.
  • According to user input; desired results for breed information will append to the page.
  • Under the breed information, all adoptable dogs for in the area will append to the page.
  • Once user finds a match, user can click "Your Quest is Over - Click Here to Adopt Me" link which will direct user to website for adoption. There they can start the adoption process.

Demonstrations

Landing Page:

Landing Page Image

Search:

Search Image

Results:

Breed Information Image Adoptable Dogs Image

Tech used

  • HTML
  • CSS
  • Materialize
  • Javascript
  • jQuery
  • TheDog API
  • PetFinder API

Contributers

  • Rana Fayez - HTML, CSS, Materialize, Jquery - Rana Fayez
  • Alicia Burn - HTML, CSS, Materialize - Alicia Burn
  • Alyssa Cucunato - HTML, CSS, Jquery, Javascript, AJAX Requests, APIs - Alyssa Cucunato
  • Jordan Smith - HTML, CSS, Jquery, Javascript, AJAX Requests, APIs -Jordan Smith

About

Pooch Quest is an application that assists the user in finding their perfect dog. As soon as the user searches, Pooch Quest gives relevant information about their desired breed along with adoptable dogs in their area.

https://acucunato.github.io/pooch-quest/


Languages

Language:JavaScript 44.8%Language:CSS 29.5%Language:HTML 25.7%