PurrPal - Cat Care Game

A mobile-first cat care game built with React Native (Expo), featuring a warm, soft minimalism design aesthetic.

Features

• 🐱 Adopt and care for your virtual cat
• 🍽️ Feed your cat with various food items
• 👗 Dress up your cat with outfits and accessories
• 🎁 Purchase bundles to unlock exclusive items
• 📊 Track hunger, happiness, and style meters
• ✨ Beautiful animations and haptic feedback

Design System

The app follows a "Warm Minimalism" design philosophy with:

• Soft peach-to-cream gradient backgrounds
• Rounded corners (minimum 8px)
• 48px minimum touch targets
• Poppins Rounded typography
• Spring-based animations
• Emoji-based icons

Getting Started

Prerequisites

• Node.js 18+
• Expo CLI
• iOS Simulator or Android Emulator (or Expo Go app)

Installation

npm install

Running the App

npm start

Then press:

• i for iOS simulator
• a for Android emulator
• Scan QR code with Expo Go app on your device

Project Structure

src/
├── components/       # Reusable UI components
│   ├── CardSelect.tsx
│   ├── GradientButton.tsx
│   ├── StatusMeters.tsx
│   └── CatAvatar.tsx
├── screens/          # Screen components
│   ├── Onboarding/
│   ├── Main/
│   ├── Food/
│   ├── DressUp/
│   └── Store/
├── navigation/       # Navigation setup
├── context/          # State management
└── theme/           # Design tokens

Technologies

• React Native (Expo)
• TypeScript
• React Navigation
• React Native Reanimated
• React Native Linear Gradient
• React Native Haptic Feedback
• Styled Components

License

MIT