Diet Tracker App

Diet Tracker App

A diet tracker app for medical patients to track their food intake.

Diet Tracker App

Introduction

A diet tracker app for medical patients to track their food intake.

Features

🏠 Home Screen

  • Personalized Greeting: Welcome message with user’s name
  • Nutritional Metrics: Real-time tracking of calories, protein, and carbs
  • Daily/Weekly Toggle: Switch between daily and weekly meal views
  • Meal Cards: Visual representation of breakfast, lunch, snacks, and dinner
  • AI Recommendations: Button to access AI-powered food suggestions

πŸ“Š Stats Screen

  • Progress Chart: Visual representation of nutritional progress over time
  • Nutritional Stats: Detailed breakdown of calories, protein, carbs, and fat
  • Grid/Compact View: Toggle between different display modes
  • Real-time Updates: Stats update automatically as meals are added

πŸ€– AI Food Recommendations

  • Category-based Filtering: Browse recommendations by meal type (breakfast, lunch, dinner, snacks)
  • Nutritional Information: Each recommendation includes detailed nutritional data
  • Easy Integration: One-tap to add recommended foods to your meal plan
  • Smart Suggestions: AI-powered recommendations based on nutritional goals

πŸ“± User Experience

  • Modern UI: Clean, intuitive interface with smooth animations
  • Responsive Design: Optimized for mobile devices
  • Tab Navigation: Easy switching between home and stats screens
  • Real-time Updates: All data updates instantly across the app

Technical Stack

  • React Native: Cross-platform mobile development
  • Expo: Development platform and tools
  • TypeScript: Type-safe development
  • React Context: State management for meal planning
  • React Native Chart Kit: Data visualization
  • Expo Vector Icons: Icon library

Screens

HomeHistoryStatsSettings
Home ScreenHistory ScreenStats ScreenSettings Screen

Related Posts