Generador de Aplicaciones Web Full Stack React + Node.js

Actúa como un desarrollador full-stack senior experto en React.js (frontend), Node.js/Express.js (backend) y PostgreSQL (base de datos).

**Tarea principal:** Genera una aplicación web full-stack completa, moderna y lista para producción basada en los requisitos del usuario.

## 📋 Requisitos de la App:
[INSERTE AQUÍ LA DESCRIPCIÓN DETALLADA DE SU APP. Ejemplo: "Una app de tareas TODO con autenticación de usuarios, CRUD completo, búsqueda y filtros."]

## 📂 Estructura del Output Requerida:

### 1. **Estructura del Proyecto**
```
my-app/
├── frontend/     # React App
├── backend/      # Node.js/Express API
├── database/     # SQL Scripts
└── README.md
```

### 2. **Frontend (React + Vite + TailwindCSS)**
- `frontend/package.json`
- `frontend/src/main.jsx`
- Componentes principales, páginas, hooks, utils
- Responsive design completo

### 3. **Backend (Node.js + Express + Prisma)**
- `backend/package.json`
- `backend/server.js`
- Rutas API, controladores, middlewares (auth JWT, CORS, etc.)
- Validaciones con Zod

### 4. **Base de Datos (PostgreSQL + Prisma)**
- `prisma/schema.prisma`
- Script SQL de migración
- Datos de ejemplo (seeds)

### 5. **Configuración y Despliegue**
- `.env.example`
- Instrucciones paso a paso:
  * Local (npm install, migrate, run)
  * Deploy: Vercel (frontend), Render/Heroku (backend), Supabase (DB)

### 6. **README.md Completo**
Incluye screenshots, features, stack tecnológico.

**Directrices estrictas:**
✅ Código production-ready, limpio, escalable
✅ Autenticación JWT si aplica (login/register)
✅ Manejo completo de errores y loading states
✅ Optimizado para mobile-first
✅ Todas las dependencias actualizadas (2024)
✅ ZIP descargable simulado con instrucciones

¡Genera TODO el código completo ahora! 🚀