FindRPet

Posting a Missing Pet SOS
Locating stray animals in your local area
Viewing adoptable pets in your area
Indicate where stray animals are
View missing pets in your area
Register Today!

Inspiration

The motivation behind building this website was a love for pets and animals. Everyday, hundreds of cats and dogs, young and old, healthy and disabled, become euthanized because local shelters don't have the capacity to sustain so many creatures. Thus, we wanted to provide different means for everyone to save the lives of animals in their local community.

What it does

There are three features our app accomplishes: Find, Feed, and Adopt. Finding allows pet owners to locate their lost pets by posting an alert to the site and allowing other users to contact the owner. Feed allows the local community to pitch in and help out stray animals in their area. Finally, adopt allows users to browse through animals living in local shelters, making it easy and convenient to adopt a pet.

How we built it

We used Django, a Python web-framework, as our server for the website and primarily used Tailwind CSS, HTML, JS for our UI/UX. To save the user data, missing pet posts, and location coordinates, we used a PostgreSQL database and deployed the site to production using Heroku. Additionally, we integrated Google's Geolocation and Autocomplete API for our Feed Feature.

Challenges we ran into

Embedding the Google Map API. Specifically getting the marker to indicate the user's location and having the set locations display the pop up description.

Accomplishments that we're proud of

Initially, we only thought we could do one of these features in the time frame given, but we wanted to go for more complexity and challenge our time management and programming skills. Additionally, the Google Maps integration was a highlight for our project: not only for its difficulty but also because we think it can genuinely improve the living conditions of stray animals in our community.

What we learned

How to use the Google Maps API for the location tracking and Tailwind CSS for our design instead of Bootstrap. In terms of project timeline, we learned how to work within a constricted time period and to not pull all-nighters without coffee :)