Productos SaaS
2024 — Presente

NutriNen Baby

App de Nutrición Infantil Gamificada con IA

Ecosistema de nutrición infantil de ~53K líneas sin dependencias. Chatbot IA NutriBot con 42 herramientas de function calling, 29 melodías sintetizadas vía Web Audio API, 11 efectos de partículas Canvas, gráficas de crecimiento OMS, gamificación con 10 niveles y 30 misiones diarias, nevera virtual, 29 páginas de herramientas SEO y Android nativo vía Capacitor 8.

Año

2024 — Presente

Cliente

Producto Propio

Rol

Full-Stack Developer & Diseñador

Tecnologías

10 tecnologías

El Desafío

Las apps de nutrición infantil son simples registros de comidas o están detrás de suscripciones. Los padres necesitan una herramienta integral que combine consejos IA, monitorización de crecimiento, gamificación y acceso móvil offline — sin depender de archivos de audio ni librerías de gráficas externas.

  • Workflows fragmentados — registros de comida, gráficas de crecimiento, listas de compra y descubrimiento de recetas viven en apps separadas
  • Sin contexto IA — los chatbots genéricos no entienden la etapa alimenticia del bebé, historial de alérgenos o contenido de la nevera
  • Gaps offline — las apps cloud-only fallan durante la preparación de comidas o visitas al pediatra
  • Decaimiento del engagement — los padres dejan de registrar sin mecánicas de progresión

El Enfoque

Construir una PWA mobile-first zero-dependency (~53K líneas en 101 archivos) con arquitectura SPA de 7 escenas gestionadas por HeartbeatGameEngine. Todo el audio se sintetiza vía Web Audio API (cero archivos de audio), todas las gráficas renderizadas en Canvas, y Capacitor 8 envuelve la app como APK nativo Android.

  • SPA basado en escenas — 7 escenas (home, chat, agenda, progreso, nevera, recetas, cocina) cargadas dinámicamente, cada una autocontenida
  • NutriBot con function calling — 42 herramientas de despacho permiten al chatbot IA modificar directamente nevera, comidas, sueño, recordatorios, alarmas y recetas en nombre del usuario
  • 4 proveedores IA, 11 modelos — Groq (Llama 3.3 70B), Gemini (2.5 Pro/Flash), DeepSeek V3, Cloudflare Workers AI — con fallback automático
  • Persistencia híbrida — localStorage para acceso offline instantáneo + sync R2 cloud; modo invitado funciona completamente sin auth

La Solución

NutriNen es un ecosistema completo de nutrición infantil: app core de 7 escenas + 29 páginas de herramientas SEO independientes + 33 artículos de blog + 7 endpoints API en Cloudflare Workers (11 tablas D1).

  • NutriBot IA — 42 herramientas de function calling en 11 categorías (nevera, compras, comidas, sueño, pañales, recordatorios, alarmas, recetas, perfiles, navegación, nutrición) más análisis de imágenes, escáner de códigos de barras e investigación web
  • Caja de Música — 29 melodías (8 nanas + 15 clásicas + 6 infantiles) sintetizadas enteramente vía Web Audio API, cadena autoplay de playlist, modo sueño con loops configurables, ducking de volumen durante el habla de NutriBot
  • 11 efectos de partículas — renderizados en Canvas con parallax de giroscopio: 6 seleccionables (estrellas, corazones, burbujas, hojas, lluvia, nieve) + 5 exclusivos de melodía (luciérnagas, rayos de luna, polvo estelar, plumas, nubes de nana)
  • Gráficas OMS — Canvas 2D con datos LMS oficiales (peso, talla, perímetro cefálico), 5 curvas de percentiles (P3–P97), punto dorado con brillo, compartibles vía Web Share API/WhatsApp, CSS de impresión para pediatras
  • Gamificación — 10 niveles (Principiante → NutriMaster, 0–5,500 XP), 16 insignias desbloqueables, 30 misiones diarias en 5 etapas alimenticias (lactancia → autónoma), puntuación de salud con barra de energía
  • Nevera Virtual — 6 espacios de almacenamiento (nevera, congelador, despensa, botiquín, esenciales, armario), lista de compra IA, sugerencias de recetas con ingredientes disponibles
  • 29 páginas de herramientas — herramientas independientes con SEO: generadores de menú BLW/BLISS, calculadoras de embarazo, calendario vacunas, tracker de alérgenos, analizador de nombres, tests de hitos del desarrollo, guía de primeros auxilios y más
  • Capacitor 8 — APK nativo Android con TTS/STT, notificaciones push, alarmas nativas, acceso a cámara para fotos de comida

Resultados Clave

  • ~53K líneas en 101 archivos — cero dependencias, cero archivos de audio
  • NutriBot: 42 herramientas function calling + visión + escáner + investigación web
  • Caja de Música: 29 melodías vía Web Audio API con modo sueño y cadenas playlist
  • 11 efectos de partículas Canvas con parallax de giroscopio
  • Gráficas OMS: 3 métricas, 5 curvas de percentiles, listas para imprimir
  • Gamificación: 10 niveles, 16 insignias, 30 misiones diarias en 5 etapas
  • 29 páginas de herramientas SEO + 33 artículos de blog
  • 7 endpoints API, 11 tablas D1, sync cloud R2
  • Android nativo vía Capacitor 8 con TTS/STT y notificaciones push

Tecnologías

Vanilla JS (~53K líneas) Web Audio API Canvas Capacitor 8 Cloudflare Workers D1 R2 Gemini DeepSeek Groq
$ cat project.json
{
"name": "NutriNen Baby",
"status": "production",
"stack": [10],
"url": "nutrinen.com",
"results": [9]
}