This is a submission for the DEV Weekend Challenge: Community
The Community
Across many cities, street cats rely entirely on local volunteers for food, shelter, and emergency care.
In my neighborhood, we are a group of around 20 cat feeders.
Many times, certain areas receive overlapping support while others are unintentionally neglected.
We do have a neighborhood WhatsApp group — but it isn’t quite dedicated to cat feeding and important updates about food, shelters, or injured cats quickly get buried which makes it hard to follow.
Generally there’s no structured way to track locations, or ongoing situations.
What I Built
So I decided to build CatConnect - platform that saves time and effort by guiding feeders to the locations that actually require attention. Allowing them to help more efficiently and respond faster to real needs in the field.
The app also provides a faster and more reliable way to report and respond to emergency situations, increasing the chances of immediate care for injured or endangered cats.
Demo
Video:
Live Website Link: https://cat-connect-oy39.vercel.app/
Code
Demo credentials:
email: oliver_brown111@gmail.com
password: 123
View the Code on GitLab
How I Built It
My Tech Stack
• Next.js 16
• Tailwind CSS
• Supabase – PostgreSQL database + Authentication + Real-time updates
Production Readiness:
The entire system is fully functional and deployed in production.
Despite the short time-frame, I wanted to make the app ready for real life use cases and feature-rich.
Key Features of the Platform
🐾 Add and view feeding locations on a live map
🐾 Report food availability
🐾 Report shelter status
🐾 Mark emergency situations
🐾 Share images for transparency and easier location identification
🐾 View a feed sorted by urgency and status
Core Functionality
📍 Add New Locations
Any registered user can add a new feeding location with:
• Exact geographic coordinates (interactive map selection)
• Food availability status
• Shelter status
• Images for transparency and visual verification
This ensures that other feeders can quickly locate and understand the situation on arrival.
⸻
🔄 Real-Time Status Updates
Each location has its own dedicated page where users can:
• Update food and shelter status during their visit
• Ensure the latest visitor provides the most current information, thus maintaining an accurate and continuously updated system
All updates are synchronized in real time using Supabase PostgreSQL.
⸻
🗺️ Interactive Map Integration
Users can:
• View all feeding locations on a live interactive map
• Click markers to explore detailed information
• Quickly identify areas that require attention
This minimizes overlap and prevents neglected zones.
⸻
🚨 Emergency Reporting System
Users can mark urgent situations, allowing the locations feed to be sorted by urgency and recency — helping the community prioritize critical cases.
⸻
🔐 Authentication & Security
The platform includes:
• Full Login / Register flow implemented with supabase Auth
⸻
Design Considerations:
A key priority was maintaining a minimalist and lightweight design.
Since feeders often use the app outdoors I wanted a clean, responsive and distraction-free interface, allowing fast navigation and quick updates without friction.
⸻
What's next ?
It would be awesome to introduce it to the feeders in my neighborhood and test it in real conditions. I’m genuinely curious to see whether it improves coordination the way I expect it to :)
Top comments (0)