Metabolic Flexibility Dashboard and Adaptive Fueling UI

[hdkiller]

💡 Summary

Develop a generalized science-based UX/UI for tracking metabolic flexibility, including real-time state visualization and adaptive fueling guidance.

🤷 Motivation / Use Case

Empowers athletes to make informed, adaptive fueling decisions aligned with their metabolic strategy (fasting, fat-adaptation) and current physiological demands (HRV, training intensity).

📋 Detailed Requirements

• Metabolic Status Dashboard: A color-coded tile indicating current state (Fat-adapted, Anabolic focus, Balanced).
• Fasting/Fed Timeline: Visual timeline showing predicted metabolic states based on food logs and planned workouts.
• Adaptive Macronutrient Targets: Dynamic updates to meal targets based on real-time physiological stress and training needs.
• Readiness-Based Fueling Nudges: Proactive alerts when recovery metrics (low HRV) suggest adjusted fueling strategies.
• Workout Fueling Timeline: Graphical illustration of PRE/INTRA/POST carb and protein windows for specific workouts.

✅ Acceptance Criteria

• User can see their current estimated metabolic state on the dashboard.
• Macronutrient targets update dynamically based on upcoming training and recovery status.
• UI provides clear visual guidance for strategic nutrient timing around exercise.