Inspiration
Walking through my city, I often saw street dogs injured, starving, or being mistreated. While cats generally receive affection, dogs are frequently feared or chased away. I realized that although rescue teams exist, there was no simple way for the public to report these animals or connect with organizations.
Street Pawtection was born out of the desire to use technology + empathy to bridge this gap. It began as my Humanities course project, where it achieved the highest grade in class (19/20), and has since evolved into a scalable, full-stack solution for real-world impact.
What it does
- 📍 Users can report a street animal with location, photo, and condition details.
- ☎️ Offers a helpline option for those without internet access.
- 🫂 Enables volunteer sign-ups to assist with rescues or fostering.
- 🐶 Lists animals available for adoption to help them find permanent homes.
- 📊 Includes a secure Admin Dashboard (with Supabase integration) for NGOs or rescue teams to manage reports and volunteers in real time.
How we built it
- Frontend: React, TypeScript, Tailwind CSS
- Backend & Database: Supabase (PostgreSQL, Auth, Realtime sync)
- Deployment: Netlify (with CI/CD from GitHub)
- Icons & UI: Lucide React
Challenges we ran into
- Designing a secure but simple admin system so only verified users can manage reports.
- Ensuring data sync between the dashboard and Supabase (e.g., deleting from dashboard also deletes from database).
- Balancing academic requirements with real-world functionality.
- Presenting the platform in a way that appeals both to technical judges and animal welfare advocates.
Accomplishments that we’re proud of
- Scored highest in class (19/20) for the prototype.
- Successfully integrated Supabase for live data management.
- Built a responsive, user-friendly platform accessible across devices.
- Created a working admin dashboard with authentication and real-time updates.
What we learned
- How to integrate Supabase for authentication and database management.
- Importance of designing for inclusivity, with features for non-internet users.
- How to frame a technical project as a social impact tool.
- Improved skills in React, TypeScript, and full-stack deployment workflows.
What’s next
- 🗺️ Add live map-based geolocation pinning.
- 📬 Automate email/SMS alerts to rescue teams.
- 🌐 Add multilingual support (English + Urdu).
- 📱 Develop a Progressive Web App (PWA) with offline features.
- 🤝 Collaborate with NGOs like ACF Animal Rescue to deploy this in the real world.
Built With
- lucidereact
- netlify
- react
- supabase
- tailwind
- typescript

Log in or sign up for Devpost to join the conversation.