Pet Pals

💡 Inspiration 💡

You are leaving town for an urgent business or a family trip and emergencies can come in many forms: fires, hurricanes, earthquakes, tornadoes, floods, violent storms and even terrorism, in the event of extreme weather or a disaster, would you know what to do to protect your pet? Leaving pets out of evacuation plans can put pets, pet owners, and first responders in danger. Even if you try to create a safe place for them, pets left behind during a disaster are likely to be injured, lost, or worse. Thus we came up with a novel application PetPal, a social network for pet care allowing people to get help from trusted people who can care for their dogs while they are not in their house.

❓ What it does ❓

PetPal is a platform where Pet Owners can hand over their pets to pet lovers ensuring that they are healthy and safe while you are away.
A Pet Owner can choose the best hosts in their area and book them for a specific date and time.
A Pet Caretaker can accept or reject the request from pet owners at their convenience.
To become a Pet Caretaker, they have to be approved by the admin by filling out a detailed form.
A Pet Owner can chat and pay the Pet Care Taker once the job is completed.

PetPals Flow

⚙️ How we built it ⚙️

We built the frontend using HTML, Tailwind CSS and ReactJS. We also used Figma to design the app and its components before building it.
Then we took a part of it each and collaborated on GitHub to create our webapp. We used the Issues and Projects tabs efficiently to build out PetPals.
The backend is built using NodeJS, Express and MongoDB.
We used Twilio to implement 2FA verification in our app. Users can login into the app with their phone numbers and later get notifications through the same when a pet sitting appointment is created.

🚧 Challenges we ran into 🚧

We ran into quite some challenges while building the app

Implementing 2FA verification in React was new to us therefore, it took a while for us to understand its functionalities.
Some of our teammates were using Tailwind CSS for the first time as well which required them to look up its documentation frequently.

✨Accomplishments that we're proud of ✨

Coming together to design something we learned about being able to build a meaningful website in a short amount of time. Doing a hackathon virtually with newly found buddies. We were also able to add most of the features that we envisioned for the app during ideation.

Moreover, we learned a lot about Web technologies and libraries that we could incorporate into our project to meet our unique needs.

👩🏻‍💻 What we learned 👩🏻‍💻

We learned how to use GitHub efficiently to build out projects
We also got to learn how to pair-program remotely for hackathons as some of us were new.
Technologies like Twilio and libraries like Tailwind CSS were new to us so it was great to have learned about them through the hackathon.