NutriNen Baby
Gamified AI Baby Nutrition App
~53K-line zero-dependency baby nutrition ecosystem. NutriBot AI chatbot with 42 function-calling tools, 29 melodies synthesized via Web Audio API, 11 Canvas particle effects, WHO growth charts, gamification with 10 levels and 30 daily missions, virtual fridge, 29 standalone SEO tool pages, and native Android via Capacitor 8.
Year
2024 — Present
Client
Own Product
Role
Full-Stack Developer & Designer
Tech Stack
10 technologies
The Challenge
Baby nutrition apps are either simplistic meal loggers or locked behind subscriptions. Parents need a comprehensive tool that combines AI advice, real-time growth monitoring, gamification, and offline mobile access — without depending on audio files or external chart libraries.
- Fragmented workflows — feeding logs, growth charts, shopping lists and recipe discovery live in separate apps
- No AI context — generic chatbots don't understand the baby's feeding stage, allergen history or fridge contents
- Offline gaps — cloud-dependent apps fail during meal prep or pediatrician visits
- Engagement decay — parents stop tracking after the novelty fades without progression mechanics
The Approach
Build a zero-dependency, mobile-first PWA (~53K lines across 101 files) with a 7-scene SPA architecture managed by HeartbeatGameEngine. All audio is synthesized via Web Audio API (zero audio files), all charts rendered on Canvas, and Capacitor 8 wraps the app as a native Android APK.
- Scene-based SPA — 7 scenes (home, chat, agenda, progreso, nevera, recetas, cocina) dynamically loaded, each self-contained
- NutriBot with function calling — 42 dispatch tools let the AI chatbot directly modify fridge, meals, sleep, reminders, alarms and recipes on behalf of the user
- 4 AI providers, 11 models — Groq (Llama 3.3 70B), Gemini (2.5 Pro/Flash), DeepSeek V3, Cloudflare Workers AI — with automatic fallback
- Hybrid persistence — localStorage for instant offline access + R2 cloud sync; guest mode works fully without auth
The Solution
NutriNen is a complete baby nutrition ecosystem: 7-scene app core + 29 standalone SEO tool pages + 33 blog articles + 7 backend API endpoints on Cloudflare Workers (11 D1 tables).
- NutriBot AI — 42 function-calling tools across 11 categories (fridge, shopping, meals, sleep, diapers, reminders, alarms, recipes, profiles, navigation, nutrition) plus vision analysis, barcode scanner and web research
- Music Box — 29 melodies (8 lullabies + 15 classical + 6 children's) synthesized entirely via Web Audio API, autoplay playlist chain, sleep mode with configurable loops, volume ducking during NutriBot speech
- 11 particle effects — Canvas-rendered with gyroscope parallax: 6 user-selectable (stars, hearts, bubbles, leaves, rain, snow) + 5 melody-exclusive (fireflies, moonbeams, stardust, feathers, lullaby-clouds)
- WHO Growth Charts — Canvas 2D with official LMS data (weight, height, head circumference), 5 percentile curves (P3–P97), golden dot with glow, shareable via Web Share API/WhatsApp, print CSS for pediatricians
- Gamification — 10 levels (Principiante → NutriMaster, 0–5,500 XP), 16 unlockable badges, 30 daily missions across 5 feeding stages (lactancia → autónoma), health score with energy bar
- Virtual Fridge — 6 storage spaces (nevera, congelador, despensa, botiquín, esenciales, armario), AI-powered shopping list, recipe suggestions from available ingredients
- 29 tool pages — SEO-optimized standalone tools: BLW/BLISS menu generators, pregnancy calculators, vaccine calendar, allergen tracker, baby name analyzer, developmental milestone tests, first aid guide and more
- Capacitor 8 — native Android APK with TTS/STT, push notifications, native alarms, camera access for food photos
Key Results
- ~53K lines across 101 files — zero dependencies, zero audio files
- NutriBot: 42 function-calling tools + vision + scanner + web research
- Music Box: 29 melodies via Web Audio API with sleep mode and playlist chains
- 11 Canvas particle effects with gyroscope parallax
- WHO growth charts: 3 metrics, 5 percentile curves, print-ready
- Gamification: 10 levels, 16 badges, 30 daily missions across 5 stages
- 29 standalone SEO tool pages + 33 blog articles
- 7 API endpoints, 11 D1 tables, R2 cloud sync
- Native Android via Capacitor 8 with TTS/STT and push notifications