NutriFlow · Plataforma para Nutricionistas y Pacientes
Una plataforma web full-stack para profesionales de nutrición que centraliza gestión de pacientes, evaluaciones físicas, creación de planes alimentarios y soporte asistido por IA.
Abrir plataformaResumen
NutriFlow es una aplicación web moderna y responsive diseñada para nutricionistas que necesitan operar con más estructura y escala. La plataforma centraliza fichas de pacientes, anamnesis, evaluaciones físicas y flujos de planes alimentarios en una única interfaz, reduciendo tareas manuales y mejorando la calidad del seguimiento.
Contexto
Muchos profesionales de nutrición aún trabajan con planillas, notas dispersas y herramientas genéricas de mensajería. Esa fragmentación genera retrabajo, historial clínico incompleto y seguimiento inconsistente.
Problema
Construir una plataforma web de nivel productivo que cubra el flujo completo del nutricionista: alta de pacientes, evaluaciones, planificación alimentaria, monitoreo de evolución y asistencia guiada para decisiones más ágiles.
Responsabilidades
- ›Diseño e implementación de la arquitectura frontend con Next.js App Router, TypeScript y Tailwind CSS
- ›Construcción de formularios tipados para anamnesis, evaluaciones físicas y planificación alimentaria con React Hook Form + Zod
- ›Integración de Supabase para autenticación, persistencia relacional y almacenamiento seguro de documentos y medios
- ›Implementación de flujos de datos server/client con TanStack Query para consistencia de caché y UX responsiva
- ›Desarrollo de flujos de copiloto asistido por IA para acelerar creación y refinamiento de planes
Decisiones técnicas
Arquitectura full-stack con Next.js App Router
Se utilizó una única base en Next.js para coordinar render server-side, server actions y endpoints de API, reduciendo fricción de integración y manteniendo límites claros entre rutas y datos.
Supabase como base backend gestionada
Se eligió Supabase (PostgreSQL, Auth y Storage) para acelerar la entrega de infraestructura crítica de forma segura, preservando un modelo relacional claro para historial de pacientes y evaluaciones.
Formularios guiados por esquema con validación en runtime
Se estandarizaron contratos de formularios con React Hook Form + Zod para validar entradas de forma consistente, aumentar la confiabilidad y evitar registros clínicos inválidos.
Arquitectura
Arquitectura web modular orientada por features, con contratos de dominio tipados, primitivas de UI reutilizables y separación clara entre presentación, validación y persistencia. CI/CD automatizado con GitHub Actions y despliegue en Vercel.
Desafíos
- ›Modelar una estructura de datos flexible para historial clínico, mediciones y planes alimentarios evolutivos
- ›Mantener una UX de formularios rápida y estable en flujos clínicos largos y multi-step
- ›Diseñar interacciones de asistencia con IA útiles en la práctica sin perder control profesional
Resultados
Consolidación del flujo de trabajo del nutricionista en una única interfaz web con mejor trazabilidad
Reducción del tiempo para crear y actualizar planes mediante flujos reutilizables de formularios y plantillas
Implementación de pipeline de entrega escalable con GitHub Actions + Vercel para iteraciones confiables
Aprendizajes
- ›Productos para flujo clínico requieren disciplina fuerte de modelado de datos desde fases tempranas
- ›Las funciones de copiloto con IA aportan más valor cuando actúan como asistencia guiada, no como automatización total