gkachele-saas/backups/backup-20260114-085602/local/demo/INSTRUCCIONES.md

🚀 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

cd demo
pip install Flask Werkzeug

2. Ejecutar

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:

if 'user_id' not in session or session['user_id'] != 1:

Por:

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/