Go! Animal Shelters.

• 

  Go! Animal Shelters

Inspiration

Many animal shelters and SPCAs in Alberta are volunteer-oriented and require the support of others to help them achieve their goals. SPCAs in our region do so much for our community, and they should be allowed to ask for support whenever. The problem is that most animal lovers who want to volunteer are uninformed about volunteer availability, age requirements, health conditions, etc. Additionally, volunteer forms might be forever lost in the abyss of the internet, which is why I wanted to make a website that can be tailored specifically for this issue, where both volunteers and SPCAs can have ease of mind.

What it does

On the website, any volunteer is able to enter a location that preferably should be inside Alberta. From there, they get redirected to a page which shows the animal shelter nearest to them, including information like the distance in km, a volunteer button, and a donate button. When clicking on the volunteer button, they get redirected to a page where the desired animal shelter's volunteer listings, description, and availability are posted. The user can also select a date to see which listing works best for them. The donate button will take the user to the SPCA's official website, where they can donate from there. For the SPCAs, they can fill out any volunteer listings on a form which would then be posted for others to see.

How we built it

I did research into finding all the SPCAs and animal shelters in Alberta. From there, I was able to calculate the latitude and longitude of each shelter, and then compare the distance from the shelter to the user's location that they inputted using the distance matrix API provided by Google Cloud. That information is then sent to the other webpages to be displayed. Front-end made with HTML CSS and backend with JavaScript.

Challenges we ran into

I have very limited knowledge on JavaScript so I had to overcome a lot of obstacles and learning blocks to create the fully functional website. Also, learning JavaScript through the project while on a tight deadline was also a very big problem.

Accomplishments that we're proud of

I am proud that my application is fully working and has the potential to help SPCAs in Alberta.

What we learned

I learned time management with this project, how to work Google Maps API for future projects, and also how to work around with backend dev.

What's next for Go! Animal Shelters

I hope to see the website deployed to the SPCAs in Alberta soon so they wouldn't have to worry about a shortage of workers and, instead, work on the task that really matters the most: helping protect animals! Also, I want to work on creating a login section for users.

Built With

• css3
• google-maps
• html5
• javascript