01
Contexto
AiDEN nació como proyecto académico y personal y ha crecido por versiones hasta convertirse en mi producto principal. Cubre viveros e invernaderos con diez módulos —producción, trazabilidad, ambiental, calidad, inventario, costos, personal, reportes, configuración e inteligencia— y tres roles: administración, supervisión y operario.
La versión actual es solo frontend y funciona sin conexión. Los datos viven en el navegador detrás de una capa de datos propia, preparada para cambiarse por un backend real sin tocar los componentes.
02
Problema / reto
Un vivero mueve muchos procesos a la vez y casi siempre los registra por separado. Saber cuántas plantas siguen vivas, cuánto costó cada una o por qué se perdió una bandeja exige reconstruir la historia a mano.
03
Enfoque
El lote es el eje de todo: cada acción —una siembra, una lectura ambiental, una incidencia, un gasto— se valida en una capa de datos sin React y queda escrita en la historia de su lote. Así los tableros, los reportes y el costo por planta salen de la misma fuente.
- 01Los componentes nunca escriben en el almacenamiento: todo pasa por acciones que validan y registran el evento.
- 02Migraciones de datos versionadas: los datos existentes se transforman, nunca se vuelven a sembrar.
- 03Funciona completa sin conexión gracias a un service worker con la lista exacta del build.
- 04La inteligencia es por reglas sobre los datos locales y lo dice en pantalla: no se presenta como IA generativa.
04
Construcción
MAPA DEL SISTEMA
Plataforma de gestión para viveros
3 roles · 3 tableros
10 módulos por lote
Capa de datos · sin conexión
Inteligencia por reglas
- React 19
- React Router 7
- Tailwind CSS 4
- vgpu · WebGPU
- Recharts
- Service Worker
- node:test
- Playwright
- Vercel
01
React 19 con React Compiler y rutas diferidas con reintento y permisos por rol.
02
Vivero en 3D con vgpu (WebGPU): una planta por punto, con respaldo en Canvas 2D.
03
Kit visual propio con Tailwind CSS 4, modo oscuro con revelado circular y paleta ⌘K con atajos de teclado.
04
51 pruebas unitarias con node:test, pruebas de navegador con Playwright y despliegue en Vercel con CSP estricta.
05
En pantalla
06
Resultado
Una plataforma que ya recorre el ciclo completo de un lote —de la siembra al despacho— con costos, alertas, trazabilidad y ocho reportes exportables, desplegada en aidencol.vercel.app.
Aprendizaje
Separar la capa de datos de la interfaz fue la mejor decisión: el día que llegue el backend, los componentes no tendrán que cambiar su forma de leer datos.
SIGUIENTE PASO
Cada proyecto es una forma distinta de resolver un problema. Revisemos qué necesitas construir.