NutriNen Baby: App de Nutrición Infantil Gamificada con un Chatbot IA de 33 Herramientas y Caja de Música

¿Cómo haces que los padres realmente disfruten registrando la nutrición de su bebé? Lo gamificas. Les das un chatbot IA que puede revisar la nevera, planificar comidas y poner nanas — todo en la misma conversación. Construyes una caja de música con 22 melodías y efectos de partículas. Y lo envuelves todo en una app nativa Android que funciona offline. Eso es NutriNen Baby: 19.600 líneas de Vanilla JS que convierten la alimentación del bebé en un ritual diario enganchante.

Sin React Native. Sin Flutter. Sin frameworks de ningún tipo. Solo HTML, CSS, Vanilla JS, Web Audio API para generación musical programática, Canvas para efectos de partículas y Capacitor 8 para enviarlo como app nativa Android con notificaciones push, cámara y TTS/STT nativos. Construida sobre nuestro motor de salud Heartbeat.

Tracking de Comidas: El Loop Principal

La base es una gestión de comidas simple pero completa:

Feature	Detalle
Registro de comidas	Cada comida con hora, tipo, cantidad, foto (opcional)
Timeline diario	Vista cronológica de todas las comidas, snacks y tomas de leche
Estadísticas	Resúmenes diarios, semanales, mensuales con desglose nutricional
Planes semanales	Planificación de menús generada por IA según la etapa y preferencias del bebé
Agenda	Recordatorios para citas médicas, fechas de vacunas, hitos y eventos personalizados
Alarmas	Alarmas configurables para horarios de comidas — desayuno, comida, merienda, cena

El insight clave: los padres no quieren un contador de calorías. Quieren saber "¿mi bebé comió suficiente variedad hoy?" y "¿qué preparo para la comida de mañana?" Las estadísticas se centran en diversidad de grupos de alimentos y nutrición apropiada por edad, no en macros.

Nevera Virtual: 6 Espacios de Almacenamiento

Un sistema completo de gestión de despensa organizado en 6 espacios virtuales:

Espacio	Contenido
Nevera	Lácteos, frutas frescas, verduras frescas
Congelador	Purés preparados, carnes, pescados
Despensa	Cereales, legumbres, conservas
Botiquín	Vitaminas, suplementos, medicinas
Esenciales	Pañales, toallitas, cremas
Armario	Ropa por tallas, seasonal

Gestión completa: añadir, editar, fechas de caducidad, alertas de stock bajo. La nevera se integra con NutriBot — pregunta "¿qué puedo preparar con lo que tengo?" y la IA revisa el stock de tu nevera virtual y sugiere recetas con ingredientes disponibles. Pregunta "¿qué necesito comprar?" y genera una lista de compra inteligente basada en tu plan de comidas menos el stock actual.

NutriBot: Chatbot IA con 33 Herramientas Function-Calling

NutriBot es la funcionalidad más potente — una IA conversacional que no solo responde preguntas sino que ejecuta acciones reales a través de 33 herramientas function-calling:

Categoría	Tools	Ejemplos
Nevera	5	Consultar stock, añadir producto, alertas caducidad, sugerir recetas con stock actual
Compras	4	Crear lista, añadir ítems, completar ítems, historial de compras
Comidas	3	Registrar comida, ver historial, sugerir menú del día
Agenda	3	Crear recordatorio (médico, vacuna, hito), listar próximos, marcar completado
Alarmas	3	Crear alarma de comida, listar alarmas, eliminar alarma
Perfiles	2	Ver perfil bebé, actualizar datos del bebé
Gamificación	3	Ver nivel/XP, desafío diario, logros
Crecimiento	3	Registrar peso/talla, ver gráficas, percentiles OMS
Música	2	Reproducir melodía, crear playlist
General	8	Tips nutricionales, info alergias, guía BLW, alimentos de temporada

La conversación fluye natural: "Mi bebé acaba de comer puré de boniato" → NutriBot registra la comida, actualiza XP, comprueba si es un alimento nuevo (potencial logro), y responde con un tip contextual sobre la vitamina A en el boniato.

Proveedores LLM: Groq (Llama 4), Gemini 2.5 Flash, DeepSeek, Cloudflare Workers AI. Multi-proveedor con fallback automático. Deduplicación inteligente previene que la misma herramienta se ejecute dos veces en un mismo turno de conversación.

Caja de Música: 22 Melodías, Zero Archivos de Audio

Esta es la feature que más encanta a los padres. Una caja de música completa con 22 melodías — nanas, piezas clásicas, sonidos de naturaleza, música ambiental — todas generadas programáticamente a través de Web Audio API. Sin archivos MP3, sin descargas, sin almacenamiento. Música generada puramente con código.

Feature	Detalle
22 melodías	Nanas, clásicas, naturaleza, ambientales
6 efectos de partículas	Estrellas, burbujas, luciérnagas, notas musicales, corazones, hojas — renderizados en Canvas
Playlist chain	Reproducción continua entre varias melodías
Sistema de ducking	Baja el volumen de la música cuando NutriBot habla por TTS
Controles	Play/pause, volumen, siguiente, aleatorio

Los efectos de partículas se sincronizan con la música — las estrellas parpadean al ritmo, las burbujas flotan al tempo de la melodía. Cuando NutriBot habla, el sistema de ducking baja suavemente la música al 20%, deja hablar al bot y vuelve a subir. Es el tipo de pulido que hace que los padres perdonen los malentendidos ocasionales de la IA.

Gamificación: XP, Niveles y Desafíos Diarios

Sistema de gamificación completo personalizado por la etapa alimenticia del bebé:

Elemento	Detalle
XP	Puntos de experiencia por cada acción (registrar comidas, completar desafíos, mantener rachas)
Niveles	Progresión con nombres temáticos por etapa (Explorador de Leche, Pionero de Purés, Campeón BLW...)
Logros	30+ insignias desbloqueables por hitos (primera verdura, racha de 7 días, todos los grupos alimenticios en un día)
Rachas	Días consecutivos registrando comidas — la mecánica de retención más efectiva
AI Battery	Mecánica de "batería" que se recarga con el uso de NutriBot — gamificando la propia interacción con IA
Desafíos diarios	Retos generados por IA según la etapa actual del bebé ("¡Prueba una nueva verdura verde hoy!")

La AI Battery es un gancho ingenioso: da a los padres una razón para interactuar con NutriBot a diario. Usar NutriBot → la batería se carga → la batería desbloquea features especiales. Convierte cada interacción con IA en una mecánica de juego.

Gráficas de Crecimiento OMS

Seguimiento del crecimiento pediátrico basado en tablas OMS oficiales:

• Percentiles de peso por edad y sexo
• Percentiles de talla con curvas de referencia OMS
• Seguimiento IMC para índice de masa corporal pediátrico
• Timeline visual con puntos de datos registrados a lo largo del tiempo
• Alertas cuando el bebé sale de los rangos normales de percentiles

Los padres registran peso y talla periódicamente; la app los grafica contra los datos de referencia OMS. NutriBot puede acceder a datos de crecimiento a través de sus herramientas — pregunta "¿cómo va el crecimiento de mi bebé?" y analiza tendencias de percentiles, no solo valores actuales.

App Nativa Android vía Capacitor 8

Toda la app se distribuye como aplicación nativa Android a través de Capacitor 8:

Feature Nativa	Uso
TTS nativo	NutriBot habla en voz alta — ideal para padres con las manos ocupadas
STT nativo	Dictado por voz — "registra comida: puré de zanahoria con pollo"
Notificaciones push	Recordatorios de agenda (citas médicas, vacunas), alertas de racha, desafíos diarios
Alarmas nativas	Alarmas de horarios de comida a nivel de sistema — suenan incluso con la app cerrada
Cámara	Foto-registro de comidas
Storage local	Operación offline completa con sync en segundo plano

La arquitectura offline-first significa que la app funciona perfectamente sin internet. Las comidas se registran, la gamificación se actualiza, la música suena — todo local. Cuando vuelve la conectividad, los cambios se sincronizan con Cloudflare D1/R2 en segundo plano. Sin spinners de carga, sin mensajes de "estás offline".

Autenticación Progresiva

Un flujo de auth pensado que no bloquea a usuarios nuevos:

Primera visita → Modo invitado (soft auth)
  │
  ├── Usa la app libremente
  ├── Datos en localStorage
  │
  └── Al querer sincronizar/guardar → Login obligatorio (hard auth)
        ├── Google SSO
        ├── Email + contraseña
        └── Código de invitación Early Adopter

Los Early Adopters obtienen beneficios especiales: XP bonus, insignias exclusivas, canal directo de feedback con el equipo de desarrollo. Es un programa beta disfrazado de experiencia VIP.

Los Números

Métrica	Valor
index.html	~19.600 líneas
Herramientas NutriBot	33 function-calling tools
Melodías musicales	22
Efectos de partículas	6
Espacios de nevera	6 categorías
Logros desbloqueables	30+
Archivos de documentación	25
Dependencias	0

Conclusiones Clave

1. La gamificación es la diferencia entre "registrar comidas" y "usar la app a diario." Rachas, XP, desafíos diarios — estas mecánicas convierten una tarea en un hábito. Padres que no abrirían un tracker de nutrición vuelven cada día para mantener su racha.

2. 33 herramientas function-calling hacen al chatbot realmente útil. Un chatbot que solo responde preguntas es una novedad. Un chatbot que revisa tu nevera, registra comidas, pone nanas y genera listas de compra es una utilidad diaria. Function calling transforma NutriBot de FAQ a asistente personal.

3. Web Audio API elimina el problema de assets de audio. 22 melodías con zero archivos de audio. Sin costes de CDN, sin tiempos de carga, sin gestión de archivos. Música generada por código que suena suficientemente bien para nanas y es suficientemente ligera para reproducción instantánea.

4. Capacitor te da nativo sin complejidad nativa. Un solo codebase, un solo lenguaje (JS), features nativas (TTS, STT, cámara, push notifications). ¿El trade-off vs. React Native o Flutter? Sin curva de aprendizaje de framework, sin complejidad de build system, sin dependency hell. Solo tu HTML/JS/CSS envuelto con bridges nativos.

5. La auth progresiva reduce la fricción a cero. Dejar que los padres usen la app completamente antes de requerir login significa que ya están enganchados cuando aparece el auth wall. La conversión de invitado a registrado es dramáticamente mayor que bloquear en la puerta.