Modularización de GKACHELE SaaS

demo/INSTRUCCIONES.md

@@ -0,0 +1,90 @@
+# 🚀 Demo Funcional - Instrucciones
+
+## ✅ Lo que tienes
+
+1. **Backend Flask completo** con:
+   - Multi-tenant (DB por cliente)
+   - Customizer (sidebar + preview)
+   - Sistema de solicitudes
+   - Admin panel
+
+2. **Flujo completo**:
+   - Registro → Dashboard → Crear sitio → Customizer → Enviar → Admin aprueba → Publicado
+
+## 🎯 Cómo probarlo
+
+### 1. Instalar dependencias
+```bash
+cd demo
+pip install Flask Werkzeug
+```
+
+### 2. Ejecutar
+```bash
+python app.py
+```
+
+### 3. Abrir navegador
+```
+http://localhost:5000
+```
+
+## 📋 Pasos para probar
+
+1. **Registrarse** (`/register`)
+   - Email: test@test.com
+   - Password: test123
+   - Plan: Base
+   - Rubro: Gimnasio
+
+2. **Crear sitio** (`/dashboard/create`)
+   - Nombre: Mi Gimnasio
+   - Slug: mi-gimnasio
+   - Título: Bienvenido
+   - Descripción: Tu gimnasio de confianza
+
+3. **Personalizar** (`/customizer/{site_id}`)
+   - Cambia colores, texto, tipografía
+   - Preview se actualiza en tiempo real
+   - Guarda cambios
+
+4. **Enviar para aprobación**
+   - Click en "Enviar para Aprobación"
+   - Status cambia a "pending"
+
+5. **Admin** (`/admin`)
+   - Registra otro usuario (será user_id = 2)
+   - O modifica la DB para que el primer usuario sea admin (user_id = 1)
+   - Ve solicitudes pendientes
+   - Aprueba sitio
+
+6. **Ver sitio publicado** (`/site/{slug}`)
+   - Una vez aprobado, el sitio está público
+
+## 🔧 Para hacer admin
+
+En `app.py` línea 200, cambia:
+```python
+if 'user_id' not in session or session['user_id'] != 1:
+```
+Por:
+```python
+if 'user_id' not in session:
+```
+Así cualquier usuario puede ser admin (solo para demo).
+
+## ✨ Características del Demo
+
+- ✅ Multi-tenant: Cada cliente tiene su DB
+- ✅ Customizer: Sidebar izquierdo + Preview derecha
+- ✅ Actualización en tiempo real
+- ✅ Sistema de solicitudes
+- ✅ Admin panel
+- ✅ Sitios públicos
+
+## 🐛 Si no funciona
+
+1. Verifica que Flask esté instalado: `pip list | findstr Flask`
+2. Verifica puerto 5000 libre: `netstat -ano | findstr :5000`
+3. Revisa logs en consola
+4. Asegúrate de estar en la carpeta `demo/`