01
Contexto
La aplicación trabaja con eventos y tareas y convierte instrucciones como «mueve la reunión del martes a las 4» en operaciones controladas sobre esos datos.
El proyecto separa frontend y backend, usa Supabase y mantiene la clave de Gemini fuera del navegador.
02
Problema / reto
El reto es permitir una interacción natural sin darle al modelo acceso directo a la base de datos. La salida debe ser estructurada y validarse antes de ejecutar nada; las eliminaciones requieren confirmación.
03
Enfoque
La arquitectura separa interfaz, API y datos. Gemini se ejecuta en el backend, responde en un formato estructurado y Zod lo valida antes de modificar el calendario.
- 01Separar frontend y backend para aislar secretos y responsabilidades.
- 02Validar la salida estructurada de Gemini con Zod antes de ejecutar.
- 03Mantener las eliminaciones detrás de una confirmación explícita.
- 04Usar Supabase Auth, PostgreSQL y RLS para la persistencia y el acceso.
04
Construcción
MAPA DEL SISTEMA
Aplicación full stack con IA
Interfaz
API
Supabase
Gemini
- React
- TypeScript
- Vite
- Tailwind CSS
- Node.js
- Express 5
- Zod
- Supabase
- Gemini
- PWA
01
Frontend con React, TypeScript, Vite, Tailwind CSS y PWA.
02
Backend con Node.js, Express 5, TypeScript y Supabase.
03
Gemini 2.5 Flash produce salida estructurada que el backend valida con Zod.
04
Cinco tablas con índices, RLS y un trigger que crea el perfil y el calendario inicial.
05
Resultado
La aplicación permite crear, actualizar, eliminar y consultar eventos y tareas desde la interfaz o conversando con el asistente.
Aprendizaje
La IA funciona como una capa de interpretación, no como una autoridad sobre los datos. La validación intermedia es parte del producto.
SIGUIENTE PASO
Cada proyecto es una forma distinta de resolver un problema. Revisemos qué necesitas construir.