Mobile Application2025Web & Mobile

CatTake Mobile

~/The mobile companion app for CatTake, bringing the full cat rescue and adoption experience to Android with React Native and Expo.

Download Release 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

The web-based CatTake platform required users to open a browser for emergency reporting — not ideal when every second counts in a rescue situation. Mobile users needed a native experience with push notifications, GPS integration, and offline-capable features.

The Solution

CatTake Mobile delivers a seamless native experience using React Native and Expo SDK 54, with Google Maps SDK for precise location reporting, file-based routing for intuitive navigation, and NativeWind for consistent styling. Published as a direct APK download for easy access without app store dependencies.

02 /

Visual Showcase

03 /

The Logic

Comprehensive mobile application flow covering user authentication, driver tasks, rescue reports, and community forum features.

1 / 9

Autentikasi & Entry Point

04 /

Architecture & Tech Stack

Entity Relationship Diagram

Arsitektur Backend (Request Flow)

Tech Stack Used

Mobile

React Native Expo SDK 54

NativeWind

Maps

Google Maps SDK

Backend

Fastify

JWT Auth

Database

PostgreSQL

05 /

Key Takeaways

Transitioning a full web platform to mobile taught me the nuances of cross-platform development — from handling native map integrations to optimizing for mobile performance. I learned how to maintain feature parity while adapting UX patterns for touch-first interactions.

06 /