Construcción iterativa
Cadrant está diseñado para un enfoque iterativo. La idea es crear primero un mockup simple de 2-3 páginas, y luego construir la aplicación progresivamente añadiendo detalles y funcionalidades en cada iteración.
Fase 1: El mockup inicial
Concéntrate en la estructura y las pantallas principales. No pidas todo de una vez.
- Obtén una primera versión simple, coherente y navegable.
- Valida la jerarquía de páginas y el recorrido general del usuario.
- Verifica que el tono visual coincida con tu visión.
Fase 2: Refinamiento de la interfaz
Una vez validada la estructura, refina cada pantalla individualmente:
- Modifica textos, colores y tipografía.
- Añade o reorganiza componentes (formularios, tarjetas, tablas).
- Ajusta el responsive y las interacciones de usuario.
- Trabaja página por página para resultados más precisos.
Fase 3: Backend y datos
Cuando la interfaz sea sólida, conecta el backend. Tienes dos opciones:
- Crear un proyecto con Supabase ya conectado: la base de datos de Supabase se aprovisiona desde el inicio.
- O integrar una base de datos en un proyecto existente conectando Supabase desde el panel.
- Activa la autenticación de usuarios si es necesario.
- Añade lógica de negocio vía Edge Functions.
- Prueba los flujos completos (registro, creación de datos, visualización).
Regla de oro: un prompt = una modificación. Los prompts cortos y enfocados producen resultados mucho mejores que las peticiones largas y complejas.