Diet Tracker App
A diet tracker app for medical patients to track their food intake.
2 min read
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
| Home | History | Stats | Settings |
|---|---|---|---|
![]() | ![]() | ![]() | ![]() |



