Gesti-n-Reservas-Naturcalabacera/task_plan.md

Plan de Tareas - Protocolo E.T.A.P.A.

🟢 Protocolo 0: Inicialización

🟢 Protocolo 0: Inicialización

• Inicializar Estructura de Archivos
• Fase de Descubrimiento (Preguntas al Usuario)
• Definición de Esquema de Datos (gemini.md)

1️⃣ E - Estrategia

• Configuración del Stack: Seleccionar Vite + React + Tailwind + Supabase.
• Setup de Supabase: Tablas creadas y verificadas.
• [/] Auth Setup: 🔒 Implementando Login y Protección de Rutas.
• Webhook Defines: Definir estructura exacta del endpoint n8n (mock).

2️⃣ T - Tests (Conectividad)

• Verificar conexión Supabase (lectura/escritura).
• Script tools/test_supabase_connection.py.
• Script tools/test_webhook_trigger.py (mock).

3️⃣ A - Arquitectura

• SOP Interfaz: Definido en architecture/frontend_components.md.
• SOP Lógica: Definido en architecture/logic_hooks.md.
• SOP Base de Datos: SQL Schema creado y verificado.

4️⃣.5️⃣ UX - Experiencia de Usuario (Prioridad)

• Notificaciones Toast: Instalar sonner y reemplazar alert().
• Barra de Búsqueda y Filtros: Filtrar por nombre y estado.
• Skeleton Loading: Mejorar estado de carga.
• Campo Observaciones: Añadir observations a DB y UI.
• Página Ajustes: Implementar configuración básica.
• Vista Anual: Calendario completo 2026.
• Drag & Drop: (Opcional) Mover reservas en el calendario.

4️⃣ P - Pulido (Construcción)

• Implementar UI de Calendario (Colores: Azul/Amarillo/Gris).
• Implementar Modals y Formularios Responsivos.
• Validar UX Móvil (Touch events).

5️⃣ A - Automatización

• Limpieza de archivos temporales.
• Despliegue (Build production).