Folder Structure

code/
├── app/                        # Expo Router pages (file-based routing)
├── components/                 # Reusable UI components
├── src/                        # Business logic (db, hooks, providers)
├── pocketbase/                 # PocketBase backend config
│   ├── command-scripts/        # DB push & seed scripts
│   └── pb_migrations/          # PocketBase migration files
├── supabase/                   # Supabase backend config
│   ├── migrations/             # Supabase SQL migrations
│   ├── seed/                   # Supabase seed data
│   └── types/                  # Generated Supabase types
├── .claude/                    # Claude AI configuration
│   ├── skills/                 # Domain-specific skill files
│   ├── commands/               # Slash commands
│   ├── agents/                 # AI agents
│   └── docs/                   # Architecture & API reference
├── .vscode/                    # VS Code settings
│   └── settings.json           # Editor configuration
├── theme.ts                    # Theme color tokens (light + dark)
├── theme.md                    # Theming documentation
├── global.css                  # Tailwind base styles
├── tailwind.config.js          # Tailwind/NativeWind config
├── metro.config.js             # Metro bundler config
├── babel.config.js             # Babel configuration
├── claude.md                   # Project context for AI
├── rapidnative.json            # RapidNative project config
├── .env                        # Environment variables
├── .env.example                # Environment template
├── app.json                    # Expo configuration
├── eas.json                    # EAS Build configuration
├── tsconfig.json               # TypeScript configuration
├── nativewind-env.d.ts         # NativeWind type declarations
└── package.json                # Dependencies

app/
├── _layout.tsx                 # Root layout with auth state & providers
├── index.tsx                   # Entry point (redirect logic)
├── (auth)/                     # Public routes (guests)
│   ├── _layout.tsx             # Auth layout wrapper
│   ├── signin.tsx              # Sign in screen
│   └── signup.tsx              # Sign up screen
└── (app)/                      # Protected routes (authenticated)
    ├── _layout.tsx             # Tab navigation layout
    ├── home.tsx                # Home / Tasks screen
    └── profile.tsx             # User profile

components/
├── index.ts                    # Barrel exports
├── ThemeProvider.tsx            # Theme context provider
├── ThemeToggle.tsx              # Dark/light mode toggle
└── ThemedView.tsx              # Theme-aware container

src/
├── db/
│   ├── client.ts               # Vibecode DB client (adapter selection)
│   ├── schema.ts               # TypeScript types (source of truth)
│   └── seeds/                  # Mock data for development
│       ├── index.ts            # Seed registry
│       ├── users.ts            # User mock data
│       ├── posts.ts            # Post mock data
│       └── stories.ts         # Story mock data
├── hooks/
│   ├── index.ts                # Hook exports
│   ├── useAuth.ts              # Authentication hook
│   └── useOffline.ts           # Offline detection
├── providers/
│   ├── AppProviders.tsx        # Root providers wrapper
│   └── ThemeProvider.tsx       # Theme provider
└── lib/
    └── queryClient.ts          # TanStack Query config

pocketbase/
├── command-scripts/            # CLI scripts for PocketBase
│   ├── setup-collections.mjs  # Push schema collections (yarn pocketbase-db-push)
│   └── seed.mjs               # Seed data (yarn pocketbase-db-seed)
└── pb_migrations/              # PocketBase migration files

# Push schema collections to PocketBase
yarn pocketbase-db-push
 
# Seed data to PocketBase
yarn pocketbase-db-seed

supabase/
├── migrations/                 # SQL migration files
├── seed/                       # Seed data scripts
└── types/                      # Generated TypeScript types

.claude/
├── skills/                     # Domain-specific skill files (16 files)
│   ├── animations.md           # React Native Reanimated patterns
│   ├── expo-router.md          # File-based routing patterns
│   ├── gradients.md            # LinearGradient patterns
│   ├── images.md               # Image handling patterns
│   ├── lucide-icons.md         # Approved icons list & usage
│   ├── migrations.md           # Database migration patterns
│   ├── modal-patterns.md       # Modal component patterns
│   ├── nativewind-v4.md        # NativeWind styling guide
│   ├── react-native.md         # React Native best practices
│   ├── safe-area.md            # SafeAreaView patterns
│   ├── screen-layout.md        # Screen layout patterns
│   ├── tabs-navigation.md      # Tab navigation patterns
│   ├── tanstack-query.md       # Data fetching patterns
│   ├── theming.md              # Theme system guide
│   ├── typescript.md           # TypeScript patterns
│   └── vibecode.md             # Vibecode DB operations
├── commands/                   # Slash commands
│   ├── new-screen.md           # /new-screen - Generate screens
│   ├── new-component.md        # /new-component - Generate components
│   ├── new-table.md            # /new-table - Add database tables
│   ├── refactor.md             # /refactor - Refactoring guide
│   └── review.md               # /review - Code review checklist
├── agents/                     # AI agents
│   ├── code-reviewer.md        # Code review agent
│   ├── explorer.md             # Codebase exploration agent
│   └── refactor.md             # Refactoring agent
└── docs/                       # Reference documentation
    ├── architecture.md         # App architecture & data flow
    └── api-reference.md        # Hooks & import paths reference