Zoopatrul — NGO website · donations

Site for a Kyiv animal-rescue NGO: adopt a pet, fund an animal’s treatment or report an animal in trouble, with WayForPay donations.

Role: Team lead & architect

Client: Animal-rescue NGO, Kyiv

Team: 3 developers

Period: 2022

A Kyiv animal-rescue organisation needed a site that turns visitors into adopters, donors and volunteers. Every animal has a story and some urgently need treatment, so the site had to show who is waiting for a home and how much each fundraiser still needs, and make giving possible in a couple of taps. The team also wanted to receive reports of animals in trouble and edit all content themselves.

Designed in Figma and built in four months, the front end is a Vue 2 SPA pre-rendered for search engines with prerender-spa-plugin, using vue-i18n, Google Maps and inline SVG. A Laravel API with Sanctum stores animals with status, short and full stories and photos, donations tied to a specific animal or to the organisation, and incoming adoption requests and reports. WayForPay processes payments, and Voyager gives the NGO control over animals, page blocks and texts. I led the architecture and code reviews.

Adoption catalogue with pet cards, stories and photos

Treatment fundraising with a progress bar for each animal

Donations to one animal or to the organisation via WayForPay

Pop-up forms: adoption request, report an animal, contact

Pre-rendered SPA for SEO, i18n; Voyager admin for all content

Designed and built in four months; about 100 commits by a team of three

Vue 2, prerender-spa-plugin, Laravel, Sanctum, Voyager, WayForPay, MySQL, Docker