Diet Tracker App for Medical Patients
Built a React Native app for patients to track food intake with AI nutritional recommendations.
Diet Tracker App for Medical Patients
A React Native mobile app that helps medical patients monitor their daily food intake and track nutritional metrics. The app combines real-time nutrition tracking with AI-powered meal recommendations.
🎯 Problem
Patients managing medical conditions (diabetes, hypertension, obesity) need to track their nutrition closely. Manual food logging is tedious and error-prone. They need an intuitive app that makes tracking easy and provides intelligent suggestions.
🛠️ Solution: React Native + AI Recommendations
Core Features
| Feature | Purpose |
|---|---|
| Home Screen | Daily nutritional overview (calories, protein, carbs) |
| Meal Logging | Add breakfast, lunch, snacks, dinner with quantities |
| Stats Dashboard | Weekly/monthly progress visualization |
| AI Recommendations | Smart meal suggestions based on goals |
| History | Past meals and nutritional records |
| Personalization | User-specific nutritional targets |
Tech Stack
- React Native + Expo: Cross-platform iOS/Android from single codebase
- TypeScript: Type-safe development
- React Context: State management for meal data
- React Native Chart Kit: Nutrition data visualization
- Expo Vector Icons: UI components
📱 User Interface
| Home | History | Stats | Settings |
|---|---|---|---|
 |  |  |  |
📊 Key Screens
Home Screen:
- Personalized greeting with daily summary
- Real-time tracking of calories, protein, carbs, fat
- Meal cards for breakfast, lunch, snacks, dinner
- AI recommendation button for instant suggestions
Stats Screen:
- Weekly/monthly progress charts
- Detailed nutritional breakdown
- Grid and compact view modes
- Auto-updating metrics
AI Recommendations:
- Category-based filtering (meal type)
- Full nutritional data per suggestion
- One-tap integration into meal plan
- Smart suggestions based on goals
💡 Key Learnings
- Nutrition tracking UX is critical: Simple, fast logging drives daily usage
- Real-time updates matter: Users want instant feedback when adding meals
- Visualizations improve engagement: Charts showing progress increase compliance
- AI adds value when specific: Generic recommendations don’t work; context from user goals matters
- Medical apps need accuracy: Calorie and macro tracking must be precise for patient trust