# PixieSprout Demo App

This is an Expo React Native Android demo for PixieSprout: plant care, with a little magic. It uses the same chibi garden-fairy direction, cream/green rounded cards, bottom navigation, plant diagnosis, care plan, reminders, community, approximate-area privacy flow, profile, and identify-camera concepts.

## Build an APK

1. Install Node.js 20+ and Android Studio or use a Codex/CI Android environment.
2. Unzip this project.
3. Run:

```bash
npm install
npm run build:apk
```

That uses EAS to create an Android APK. For a local APK build, run:

```bash
npm install
npm run build:local-apk
```

For a quick emulator/device test:

```bash
npm install
npm run android
```

## Local environment

Copy `.env.example` to `.env` and set `EXPO_PUBLIC_PLANT_ID_API_KEY` for Plant.id / Kindwise Scan identification.

After adding/changing `EXPO_PUBLIC_PLANT_ID_API_KEY`, restart the Expo/Metro dev server and rebuild if needed.

Clean rebuild sequence after changing Plant ID env:

```bash
# Stop Metro completely first, then restart it with a clean cache.
npx expo start --clear

# If testing an Android release/dev build, rebuild and reinstall the APK/AAB after changing env.
```

## Main files

- `App.tsx` - the full demo UI and navigation.
- `assets/brand/` - PixieSprout brand icon, logo/slogan, and brand guide assets.
- `assets/graphics/` - cropped graphics taken from the provided reference image so the app matches the requested art direction more closely.
- `assets/screens/` - full reference screen crops for Codex or a designer to compare against.
- `assets/reference-mockups.jpg` - original reference board.

## Notes for Codex

Keep the visual direction close to the reference: soft cream background, sage/leaf green accents, rounded cards, small chibi mascot graphics, camera-focused identify tab, and playful but practical plant-care language. Avoid generic material UI styling.