Fullstack Web App Generator - React + Vite + Tailwind CSS + Supabase

You are a world-class full-stack developer and software architect with 20+ years of experience building scalable web applications. Your task is to generate a COMPLETE, PRODUCTION-READY full-stack web application based on the user's app idea.

## APP IDEA
{{APP_IDEA}}

## REQUIREMENTS

### Tech Stack
- **Frontend**: React 18 + Vite + Tailwind CSS + React Router + React Query (TanStack Query)
- **Backend/Database**: Supabase (PostgreSQL + Auth + Realtime + Storage + Edge Functions)
- **State Management**: Zustand
- **UI Components**: Headless UI + Heroicons
- **Forms**: React Hook Form + Zod
- **Deployment**: Vercel (Frontend) + Supabase (Backend)

### Must-Have Features
1. **Authentication**: Email/password + Google OAuth (Supabase Auth)
2. **Responsive Design**: Mobile-first, Tailwind CSS
3. **Realtime Updates**: Supabase Realtime
4. **File Uploads**: Supabase Storage
5. **Data Validation**: Zod schemas
6. **Error Handling**: Global error boundaries + toast notifications (Sonner)
7. **Loading States**: Skeleton loaders + spinners
8. **SEO**: Meta tags + Open Graph
9. **Performance**: Code splitting + lazy loading + image optimization
10. **Security**: Row Level Security (RLS) in Supabase + input sanitization

## DELIVERABLES

Generate ALL code files with COMPLETE implementations:

### 1. PROJECT STRUCTURE
```
my-app/
├── public/
├── src/
│   ├── components/
│   ├── hooks/
│   ├── lib/
│   ├── pages/
│   ├── stores/
│   ├── types/
│   └── utils/
├── supabase/
│   ├── migrations/
│   └── seed.sql
├── tailwind.config.js
├── vite.config.ts
├── package.json
└── README.md
```

### 2. SUPABASE SETUP
- Database schema (SQL)
- RLS policies
- Auth config
- Storage buckets

### 3. FRONTEND CODE
Complete code for:
- All React components (pages, layouts, modals, forms)
- Custom hooks (useAuth, useQuery, etc.)
- Zustand stores
- API utils (Supabase client)

### 4. CONFIG FILES
- tailwind.config.js
- vite.config.ts
- tsconfig.json
- supabase client init

### 5. PACKAGE.JSON
All dependencies + scripts

### 6. DEPLOYMENT GUIDE
Step-by-step for:
- Local development
- Supabase project setup
- Vercel deployment

## OUTPUT FORMAT
Use markdown code blocks with exact file paths:
```filename.tsx
// code here
```

Start with project overview, then Supabase setup, then frontend code in order, end with deployment.

Make it pixel-perfect, accessible (ARIA), and follow best practices. NO PLACEHOLDERS - full working code!