/project-buddy-finder

A search engine with a map to adopt the right pet for you. Features dynamically updated HTML and CSS powered by Materialize CSS, JavaScript, and uses server-side APIs: PetFinder, Leaflet.JS, and Mapbox.

Primary LanguageHTML

Buddy Finder

Description

Buddy Finder is a website designed to find loving homes for abandoned pets. Project SARD aims to rescue all animals in need across the nation.

Do you want to find a rescue animal to spend your life with?

With this website, you can find true companionship!

This website allows you to search for nearby animal shelters within the United States by inputting the ZIP code of your choice. The information returned includes: a map of the searched area with a list of rescue shelters. When you click on a rescue shelter, you'll be given the organization's name, their location, a website, and the shelter's email address.

When you return back to the page, your search history will appear on the homepage. You'll be able to click on the shelter you'd like to get more information on again, and you will be directed to the shelter's website to so you can find the furry friend of your dreams.

Love is right around the corner! Search for your forever pet today.

Buddy Finder uses JavaScript, HTML, CSS, Materialize CSS, GoogleFonts, Material Icons, and a Favicon Generator. It uses the Petfinder API to retrieve information on rescue shelters, LeafletJS and Mapbox to display the map for the selected shelters.

Table of Contents

Usage

The homepage of the website when a user first visits.

Project SARD's Buddy Finder

The search results page when the user has entered their ZIP code and have found a shelter that they would like to visit. A card with information shows the rescue shelter's contact details and a map with the shelter's location.

Project SARD's Buddy Finder

When the user returns to the website, they will see that the shelter they previously viewed now shows on the homepage. They can click on the button to visit the rescue shelter's website.

Project SARD's Buddy Finder

Navigate to Buddy Finder and view the web page.

Wireframe

A wireframe showing the page's design. Wireframe was created using

Project Buddy Finder's Wireframe

Credits

Buddy Finder is a coding project done by Project SARD. The team members are:

License

This website currently has No License, which means it is under exclusive copyright. No one can copy, distribute, or modify this website without permission.