Funutrition

Mobile App DeveloperCompleted

Live Demo

Tech Stack

Frontend

TypeScript

Backend

Node.js

Express.js

Database

Firebase

MongoDb

Mobile & Auth

React Native

PushNotifications

Overview

Funutrition is an interactive kids' app designed by a dietitian to make learning about healthy eating fun and engaging. It combines educational games, healthy recipes, expert nutrition tips, and progress tracking into one delightful mobile experience.

Problem Solved

Children often develop unhealthy eating habits early on because nutrition education is typically boring or inaccessible. Parents struggle to find tools that effectively teach healthy eating in a way kids actually enjoy and understand. Funutrition addresses this by gamifying nutrition education.

Solution

Funutrition empowers children to build lifelong healthy habits through interactive games, curated recipes, and expert guidance. The app gives parents a dedicated dashboard to monitor progress, view insights, and receive personalized recommendations based on their child's engagement patterns.

Workflow

Onboarding: Parents create a family profile and select their child's age group
Daily Quests: Kids complete fun nutrition challenges like identifying vegetables or building balanced plates
Recipe Discovery: Browse and save dietitian-approved recipes with step-by-step visuals
Progress Tracking: Children earn badges and rewards for consistent healthy choices
Parent Insights: Dashboard shows weekly nutrition scores, completed activities, and personalized tips
Meal Planning: Generate weekly meal plans and export grocery lists

Technical Highlights

Mobile: React Native with TypeScript for iOS and Android from a single codebase
Backend: Node.js with Express.js for analytics, meal planning logic, and reporting
Database: MongoDB for user profiles, progress data, and recipe collections
Cloud Services: Firebase Authentication, Firestore, Cloud Storage, and Push Notifications
Content: Curated recipe database with dietitian-reviewed nutritional information

Key Takeaways

Designing for children requires fundamentally different UX patterns. Simpler navigation, larger touch targets, immediate feedback, and visual rewards are essential. The dual-profile architecture (child + parent) taught me the importance of clear role-based UX separation in family-oriented apps.

Features

Educational games about healthy eating for kids

Healthy recipes curated by a dietitian

Expert nutrition tips and guidance

Progress tracking for parents and children

Parental dashboard with insights and recommendations

Daily meal planning and grocery lists

Interactive food quizzes and rewards

Architecture

Funutrition uses a React Native cross-platform architecture targeting iOS and Android. Firebase provides the backend infrastructure including Authentication, Firestore for real-time data, Cloud Storage for media assets, and Cloud Messaging for push notifications. The Node.js/Express.js API layer handles complex business logic like meal planning algorithms and progress analytics, with MongoDB storing aggregated user data.

API & System Flow

Parent or child opens the app → Firebase Authentication verifies the account → React Native fetches personalized content from Firestore → Educational games run locally with periodic score sync → Parent dashboard queries the Express.js analytics API for progress summaries → Push notifications trigger at scheduled meal and learning times.

Challenges & Solutions

Solution

Designed gamified learning modules with bite-sized content, animated characters, rewards, and interactive quizzes tailored to different age groups.

Related Projects

App Lens

AppLens is a full-stack web application designed to help developers and designers create professional app store screenshots and promotional graphics for iOS and Android applications. With an intuitive visual editor, pre-designed templates, and powerful customization options.

View Project

Schema Builder

Intelligent full-stack database schema designer that revolutionizes database modeling: visually design schemas with AI-powered chat assistance, create tables and relationships through an intuitive canvas, get instant SQL generation and real-time collaboration. Built with React TypeScript + Vite frontend, Go backend with MongoDB, Firebase authentication with Google OAuth, and AI-driven schema recommendations for seamless database architecture planning.

View Project

SchemaCraft

Revolutionary full-stack SaaS that transforms API development: create custom APIs instantly through visual schema design, get auto-generated CRUD endpoints with authentication, real-time collaboration, and comprehensive admin controls. Built with React TypeScript frontend, Go backend, deployed on AWS with automated CI/CD.

View Project