Back to Our Work
LIVE PROJECT
02 • CASE STUDY
Animal Rescue & Care Ecosystem

A connected digital platform for animal rescue, care, and community support.

StackStich designed and engineered Animalsathi across web and mobile, connecting emergency reporting, nearby responder alerts, veterinary discovery, community features, and commerce through a shared real-time platform.

Animalsathi Web Platform on Laptop and Mobile Application on Smartphone by StackStich
Dual Surface: Next.js Web Hub + React Native Field App

PROJECT OVERVIEW

One product.
Two connected experiences.

Animalsathi is a connected digital emergency rescue and animal-care ecosystem built to bridge roadside animal emergencies with veterinary discovery, volunteer coordination, community support, and pet-care services.

Rather than treating web and mobile as siloed assets, StackStich engineered them around a unified real-time cloud backbone—allowing citizens on streets to broadcast live emergencies while clinics, NGOs, and pet parents coordinate seamlessly.

Client
Animalsathi
PawSOS Network
Industry
Animal Rescue & Care
Healthcare & Social Impact
Platforms
Web · iOS · Android
Cross-Platform Sync
Services
Full-Stack Ecosystem
UI/UX · Web · App · Cloud
Status
Live Project
Production-Ready
Core Tech
Next.js · React Native
Firebase · Maps · Razorpay

THE CHALLENGE

When every minute matters.

Roadside animal emergencies can be difficult to coordinate because citizens, nearby responders, NGOs, and veterinary services do not always share the same information or communication channel.

01

Fragmented Communication

Emergency reports traditionally get lost in unstructured messaging groups without accurate GPS coordinates, animal severity classification, or responder accountability.

02

Location Uncertainty

Vague street descriptions cause critical delays. Rescuers need exact spatial coordinates and distance calculations to navigate directly to the distressed animal.

03

Disconnected Healthcare

Beyond emergency rescue, everyday pet owners struggle to find verified 24/7 veterinary hospitals, book consultations, and coordinate social pet activities in one place.

CONNECTED ECOSYSTEM

From one tap to coordinated action.

Animalsathi unites two specialized digital surfaces with a shared cloud core, turning any smartphone into an immediate rescue beacon while providing organizations with an operational command hub.

WEB PLATFORM

Public Hub & Operations

Next.js App Router portal designed for public discovery, organization onboarding, veterinary clinic management, and pet parent services.

  • NGO & Clinic Onboarding
  • Veterinary Appointment Booking
  • Digital Volunteer ID Generator
  • Pet Store & Merchant Dashboard
Surface: pawsos-web
SHARED CLOUD CORE

Real-Time Spatial Engine

Unified Firebase Firestore database and Geofire bounding algorithms synchronizing data between web and mobile instantly.

Geohash Proximity Engine
Calculates spatial bounds to trigger alerts to volunteers within 7km.
Real-Time Firestore Sync
Instant case triage updates visible on both web dashboard and mobile radar.
Cloud Functions Dispatch
FCM push broadcast pipeline with custom emergency alarm sound overrides.
Shared: Firestore · Auth · Storage · FCM
MOBILE FIELD APP

Real-Time Field Tool

React Native mobile client engineered for citizens and field rescuers operating in urgent roadside rescue environments.

  • 1-Tap SOS with Camera & GPS
  • High-Priority Siren Push Alerts
  • Interactive Live Google Map Radar
  • Case Crowdfunding & Razorpay
Surface: pawsos-app (React Native)

THE WEB PLATFORM

The operational and community hub.

The web platform provides a structured, full-featured workspace for veterinary clinics, animal welfare organizations, registered volunteers, and pet parents.

01 / RESCUE & EMERGENCY

Web SOS Incident Reporting

Allows any citizen without the mobile app to report an animal emergency via desktop or browser. Captures browser geolocation, photo uploads, injury severity tags, and automatically commits to the Firestore spatial broadcast queue.

Route: /report
02 / HEALTHCARE

Veterinary Directory & Booking

Interactive Leaflet map directory featuring verified clinics, hospitals, and specialists. Pet owners can filter by proximity, emergency walk-in availability, doctor qualifications, and book consultation slots directly online.

Routes: /vets · /vet-appointments
03 / COMMUNITY & VOLUNTEERS

Volunteer ID & Playdate Hub

Streamlined rescuer onboarding that generates downloadable digital Volunteer ID cards with QR codes. Includes a community meetup portal for coordinating neighborhood dog walks, pet playdates, and adoption drives.

Routes: /volunteer-form · /playdate
04 / COMMERCE & OPERATIONS

Marketplace & Merchant Dashboards

Complete pet e-commerce experience with Razorpay checkout, product comparisons, and order tracking. Features dedicated seller portals for inventory management and organization dashboards for managing rescue caseloads.

Routes: /shop · /organization/dashboard · /seller-dashboard
Animalsathi Web Platform Primary Desktop Interface
Primary Desktop Web Platform
Animalsathi Rescue Workflow and Volunteer Network
Rescue Workflow & Volunteer Coordination
Animalsathi Pet Playdates and Community Social Hub
Pet Playdates & Community Social Hub
Animalsathi Pet Care Supplies and Marketplace
Pet Care Supplies & Marketplace

THE MOBILE APP

A field tool built for moments that cannot wait.

The React Native mobile client was built for extreme operational clarity. Designed for citizens encountering roadside distress, it prioritizes immediate action over complex navigation.

1-Tap Emergency SOS

Instant camera launch, automated GPS coordinate locking, animal category selection (Dog, Cat, Cow, Bird), and severity classification.

Nearby Emergency Alerts

Notifee-powered high-priority siren notifications alerting registered volunteers within 7km of an active roadside incident.

Live Rescue Map Radar

Full-screen Google Map interface displaying color-coded emergency pins (Critical, High, Medium) with real-time distance calculations.

Real-Time Case Tracking

Live timeline updates tracking incident progress from Reported $\to$ Rescuer Assigned $\to$ Under Treatment $\to$ Resolved.

Nearby Help & 1-Tap Call

Emergency directory connecting users directly with nearby animal shelters, ambulances, and NGOs via native phone dialers.

Case Crowdfunding

Verified medical treatment donation campaigns with real-time fund tracking and seamless in-app Razorpay contribution flows.

Field Operational Screens

Optimized for Fast-Paced Field Action

Live UI screens from the React Native mobile application—built with 1-tap SOS camera reporting, background GPS locking, severity classification, and interactive proximity maps.

Animalsathi Mobile App Home Dashboard
Home Dashboard & Radar
Animalsathi Mobile 1-Tap SOS Incident Reporter
1-Tap SOS Incident Reporter
Animalsathi Mobile Live Proximity Map
Interactive Proximity Map Radar

THE RESCUE FLOW

From street-side discovery to coordinated response.

A step-by-step visual pipeline illustrating how Animalsathi connects an emergency report to active on-ground medical care.

PHASE 01

Spot Incident

Citizen encounters an injured or distressed animal on the road.

PHASE 02

Capture & Geocode

Takes a photo; device locks exact GPS coordinates and computes 9-character geohash.

PHASE 03

Broadcast SOS

Selects severity (Critical / High / Medium) and submits emergency alert.

PHASE 04

Proximity Dispatch

Cloud Functions trigger high-priority push siren to registered volunteers within 7km.

PHASE 05

Volunteer Responds

Nearby responder opens live map, navigates to scene, and marks case as En Route.

PHASE 06

Live Case Resolution

Animal is transported to clinic; status updates in real time to Under Treatment & Resolved.

EVERYDAY CARE

Emergency rescue is only the beginning.

Animalsathi extends beyond emergency rescue into everyday animal healthcare, giving pet owners a trusted pathway to clinic discovery and appointment scheduling.

STEP 01

Discover Clinics

Browse verified veterinary hospitals, emergency centers, and NGO shelters sorted by distance.

STEP 02

Compare Services

Review 24/7 emergency availability, doctor specializations, facility badges, and ratings.

STEP 03

Select Slot

Pick consultation dates, doctor slots, or request urgent emergency walk-in coordination.

STEP 04

Add Pet Profile

Attach digital pet health records, vaccination history, and specific symptom notes.

STEP 05

Confirm Booking

Receive immediate booking confirmation and automated appointment reminders.

DESIGN SYSTEM

Designed for urgency without losing trust.

The visual language balances emergency response clarity with a warm, accessible aesthetic for everyday pet parents and organizations.

Primary Rescue
Amber / Orange
#F97316 • #EA580C
Critical Triage
Emergency Red
#EF4444 • #DC2626
Active / Resolved
Success Green
#10B981 • #059669
Deep Contrast
Charcoal Slate
#0F172A • #1E293B

High-Contrast Triage

Emergency cases use clear, universally recognizable color-coded badges so responders immediately know severity at a glance.

Pulsating Status Indicators

Live pulse animations reassure reporters that their SOS broadcast is actively circulating across nearby volunteer networks.

Tactile Glassmorphism

Subtle frosted glass overlays on maps and mobile drawers maintain context while offering rapid interaction triggers.

TECHNICAL ARCHITECTURE

A shared real-time core behind web and mobile.

By maintaining a unified Firebase data architecture, every roadside report, appointment booking, and triage update is synchronized across web and mobile without latency.

Web Platform

High-performance Next.js 16 App Router application for public discovery, booking, and operations.

Next.js 16App Router & Static Generation
React 19 & TypeScriptType-Safe Component Architecture
Tailwind CSSResponsive Rescue Design Tokens
Leaflet & React-LeafletInteractive Spatial Maps
Framer Motion & GSAPMicro-Interactions & Fluid Motion
LenisSmooth Inertial Scrolling

Mobile Field App

Cross-platform React Native field tool built for rapid 1-tap SOS reporting and instant notifications.

React Native 0.81Cross-Platform Native Engine
React NavigationFluid Stack & Bottom Tab Navigation
React Native MapsLive Radar & Color-Coded Triage Pins
Notifee & FCMCritical Emergency Siren Push Channels
Geolocation ServiceHigh-Accuracy GPS Coordinate Resolution
Image Resizer & PickerRapid On-Device Photo Compression

Cloud & Data Core

Unified real-time Firebase backend keeping web dashboards and mobile responders synchronized.

Firebase FirestoreReal-Time NoSQL Case Database
Geofire Spatial EngineSub-7km Proximity Bounding Queries
Cloud FunctionsAutomated Push Dispatch & PDF Generation
Firebase StorageIncident Imagery & Verification Docs
Firebase AuthPhone OTP & Google Authentication

Integrations & Services

Commercial and communication integrations powering verified care and transactions.

Razorpay GatewayCrowdfunding & Pet Store Payments
Nodemailer APIVolunteer & Clinic Verification Emails
Shiprocket ConnectMerchant Logistics & Order Dispatch
Lucide IconsConsistent Geometric Iconography

THE RESULT

A connected experience for faster, clearer action.

By uniting emergency reporting, spatial volunteer dispatch, veterinary appointment booking, and community commerce into one cohesive ecosystem, Animalsathi delivers a complete digital platform for animal welfare.

01 / OUTCOME

Connected Ecosystem

Web portal and mobile app operate against the same real-time cloud backbone, eliminating data silos between citizens, volunteers, and clinics.

02 / OUTCOME

Low-Friction Reporting

SOS reporting combines device GPS, photo capture, and severity tags in a single screen, minimizing delay during critical roadside incidents.

03 / OUTCOME

Unified Care Discovery

Pet owners can discover verified veterinary clinics, emergency hospitals, and shelters by distance and schedule appointments online.

04 / OUTCOME

Operational Visibility

Responders and welfare organizations have live visibility into active cases with real-time triage tracking and digital rescuer identity.

NEXT PROJECT•03

Mobl

E-commerce Website

A modern e-commerce store for discovering and shopping mobile accessories with ease.

View Our Work

LET’S WORK TOGETHER

Have an ambitious product in mind?

Let's build something people remember. Tell us what you're creating and we'll help turn it into a high-impact digital experience.