Skip to main content

Overview

The Dashboard is your daily nutrition command center, providing an at-a-glance view of today’s meal plan and your progress toward nutritional goals. It helps you stay accountable by tracking which meals you’ve consumed and automatically updating your macronutrient intake. SmartEat AI Dashboard

What It Does

The Dashboard serves as your daily checkpoint for nutrition management:
  • Daily Meal Overview: Displays all meals scheduled for today from your weekly nutrition plan
  • Real-Time Tracking: Shows which meals you’ve consumed and which are still pending
  • Automatic Macro Calculation: Updates your nutritional metrics as you mark meals as consumed
  • Goal Progress Monitoring: Compares your current intake against your personalized targets

Key Capabilities

Meal Status Tracking

Mark meals as consumed with a single click. The system automatically recalculates your daily nutritional totals.

Macronutrient Cards

Visual progress indicators for calories, protein, carbohydrates, and fats showing current vs. goal values.

Smart Day Detection

Automatically displays meals for the current day, adjusting based on your timezone.

Personalized Greetings

Welcome message with your name for a personalized experience.

How to Use the Dashboard

1

View Today's Meals

When you open the Dashboard, you’ll see all meals planned for today with their nutritional information.Each meal card displays:
  • Recipe name and image
  • Calories, protein, carbs, and fat content
  • Consumption status
2

Mark Meals as Consumed

After eating a meal, click the “Mark as consumed” button on that meal card.The button will change to show a checkmark and “Consumed” status.
Your macronutrient totals update instantly when you mark a meal as consumed.
3

Monitor Your Progress

Check the macronutrient cards at the top of the Dashboard to see:
  • How many calories you’ve consumed vs. your daily goal
  • Your protein, carb, and fat intake progress
  • Visual progress bars for each macro
4

Adjust If Needed

If you accidentally mark a meal as consumed, click the “Consumed” button again to toggle it back to pending status.

UI Components

Macronutrient Cards

The top section displays four cards showing your daily nutritional targets:
  • Calories: Total energy intake in kcal
  • Proteins: Muscle-building macros in grams
  • Carbohydrates: Energy source in grams
  • Fats: Essential fats in grams
Each card shows:
  • Current intake (from consumed meals)
  • Daily goal (based on your profile)
  • Progress indicator

Meal Cards

Each meal is presented in an easy-to-read card format:
  • Recipe image thumbnail
  • Recipe name
  • Nutritional breakdown
  • “Mark as consumed” button (gray)

Use Cases

Start your day by reviewing the Dashboard to see what meals are planned. This helps you mentally prepare and ensures you have ingredients ready.
After each meal, open the Dashboard and mark it as consumed. This builds accountability and helps you stay aware of your nutritional intake throughout the day.
Check in during lunch or afternoon to see how much of your daily nutrition goals you’ve achieved and what’s remaining.
Review your Dashboard at night to see if you met your goals. This data helps you understand your eating patterns over time.
If you skip a meal or eat something different, you can leave it unmarked or toggle the status to accurately reflect your actual intake.

Dashboard States

No Active Plan: If you haven’t generated a nutrition plan yet, the Dashboard will display a prompt to create one through the AI Chat feature.
Loading State: When first accessing the Dashboard, you’ll see a loading indicator while your plan data is retrieved.
Active Plan: Once you have an active weekly plan, the Dashboard automatically shows today’s meals and updates in real-time.

Tips for Best Results

Track Consistently: Mark meals as consumed as soon as you finish eating for the most accurate tracking.
Review Daily: Make it a habit to check your Dashboard at least twice a day - morning and evening.
Use Visual Cues: The color-coded progress bars help you quickly identify which macros you’re on track with.
  • My Plan: View and manage your complete weekly nutrition plan
  • AI Chat: Generate new plans or modify existing ones
  • Profile Setup: Adjust your nutritional targets and goals

Need Help?

Visit our GitHub repository for troubleshooting and FAQs about the Dashboard.

Build docs developers (and LLMs) love