Wild Horizon Rescue

Full-Stack Adoption & Rescue Management Platform

Built with: React, TypeScript, Supabase, Tailwind CSS, Vite

Wild Horizon Rescue is a full-stack web platform designed to help dog rescues scale their operations without scaling their overhead. Built with real rescue operators in mind, the app streamlines everything from dog browsing to adoption applications, volunteer management, and donations all in one secure, intuitive system.

Key Features:

Full dog profiles with personality traits, compatibility info, photo galleries, and urgent adoption flags

Multi-step adoption application forms with validation and encrypted PII handling

Real-time admin dashboard for managing dogs, applications, volunteers, and donations

Volunteer onboarding with role selection, availability tracking, and approval workflows

Secure PayPal donation integration with receipts

Purpose: Wild Horizon Rescue was created to replace manual workflows that burned out rescue admins. Too many rescues rely on spreadsheets, email chains, and scattered platforms. This app gives them a unified system where applications flow in automatically, sensitive data is encrypted and audited, and volunteers can self-onboard. The result: a rescue that can scale without losing quality or burning out.

About The project

Wild Horizon Rescue admins were drowning. Everything happened via email—applications, volunteer sign-ups, donation tracking. Data lived in spreadsheets on someone's laptop. There was no way to know if a critical application got lost. Scaling seemed impossible.

This app was built to solve that exact problem. It takes the chaos of manual adoption management and replaces it with a system that runs 24/7, secures sensitive data, and gives admins their time back.

From a user perspective, it's simple: browse dogs, apply, track your application. But under the hood, it's built for production—with encrypted PII, role-based access control, audit logging, and the infrastructure to grow as the rescue takes in more dogs, volunteers, and donations.

This project blends clean UX, purposeful functionality, and serious backend security to deliver a meaningful rescue operation experience.

Key Technical Highlights

Frontend: React 18 with TypeScript for type-safe components. React Router for navigation, TanStack Query for intelligent data caching, React Hook Form + Zod for bulletproof form validation.

Backend: Supabase for unified database, auth, and storage. Custom SQL functions for AES-256 encryption/decryption of PII. Row-level security (RLS) policies enforced at the database level—not just the UI.

Security: Every admin action is logged with timestamps and user info. Sensitive applicant data is encrypted at rest and can only be decrypted on-demand by admins, with each decryption recorded. Admin sessions timeout after 2 hours.

Design: Mobile-first responsive design with WCAG accessibility compliance (semantic HTML, ARIA labels, skip links). Nature-inspired visual theme with smooth animations. SEO-optimized with React Helmet and structured data.