Web Application2025Web & Mobile

CatTake

~/A comprehensive cat rescue and adoption platform connecting cat lovers with shelters through real-time reporting, driver tracking, and community gamification.

Visit Live Site Watch Demo

Backend services may be temporarily sleeping or unavailable. Refer to the demo video if you encounter loading or connection issues.

01 /

Context & Problem

The Challenge

Stray cats frequently face emergencies, but existing platforms make reporting slow and complicated with mandatory registration walls. This friction leads to abandoned reports, delayed rescues, and missed donation opportunities — costing precious time when lives are at stake.

The Solution

CatTake removes every barrier between compassion and action. With real-time rescue reporting via Leaflet maps, a driver tracking system for cat pickups, live chat, verified adoption workflows, and gamification elements like quests and leaderboards — the platform turns rescue into a seamless, engaging community experience.

02 /

Visual Showcase

03 /

The Logic

1 / 9

Autentikasi & Entry Point

04 /

Architecture & Tech Stack

Entity Relationship Diagram

Arsitektur Backend (Request Flow)

Tech Stack Used

Frontend

Tailwind CSS

Leaflet.js

Backend

Fastify

JWT Auth

Database

PostgreSQL

05 /

Key Takeaways

Building CatTake taught me how to architect a real-time, multi-role platform where timing is critical. I learned to balance feature richness with UX simplicity — ensuring that emergency flows remain fast while community features keep users engaged long-term.

06 /