Skip to content

feat: Add Wellness Dashboard UI screen#2100

Open
amirthavarshh wants to merge 1 commit into
SB2318:mainfrom
amirthavarshh:feat/wellness-dashboard-ui
Open

feat: Add Wellness Dashboard UI screen#2100
amirthavarshh wants to merge 1 commit into
SB2318:mainfrom
amirthavarshh:feat/wellness-dashboard-ui

Conversation

@amirthavarshh

@amirthavarshh amirthavarshh commented Jul 9, 2026

Copy link
Copy Markdown

Fixes #1559

Summary

Implements the Wellness Dashboard UI as requested in issue #1559.

Changes

  • New WellnessDashboardScreen with:
    • Overall Health Score card with circular ring (0–100) and Low/Medium/High risk badge
    • Today's Metrics 2×2 grid (Steps, Sleep, Heart Rate, Hydration) with colored progress bars
    • Weekly Trend line chart (Mon–Sun bezier curve)
    • Insights & Recommendations cards with actionable, explainable health tips
  • Registered Wellness tab in TabNavigation with a heart icon in TabBar
  • Added Wellness route to TabParamList type definitions

Type of Change

  • New feature (non-breaking change which adds functionality)

Screenshots

Notes

  • Uses static placeholder data for now; backend integration to follow
  • Supports both light and dark mode
  • Built with Tamagui components and react-native-chart-kit

@github-actions

github-actions Bot commented Jul 9, 2026

Copy link
Copy Markdown
Contributor

Thank you @, for creating the PR and contributing to our UltimateHealth project 💗.
Our team will review the PR and will reach out to you soon! 😇
Make sure that you have marked all the tasks that you are done with ✅.
Thank you for your patience! 😀

@github-actions

github-actions Bot commented Jul 9, 2026

Copy link
Copy Markdown
Contributor

❌ PR Validation Failed

This PR was marked as gssoc:invalid because: No linked issues found in the PR description using standard keywords (e.g., 'Fixes #123', 'Issue #123').

To resolve this, please ensure your PR description links an issue (e.g., Fixes #123) and that you are either the creator or an assignee of that issue.

@amirthavarshh

Copy link
Copy Markdown
Author

Fixes #1559

Summary

Implements the Wellness Dashboard UI as requested in issue #1559.

Changes

  • New WellnessDashboardScreen with:
    • Overall Health Score card with circular ring (0–100) and Low/Medium/High risk badge
    • Today's Metrics 2×2 grid (Steps, Sleep, Heart Rate, Hydration) with colored progress bars
    • Weekly Trend line chart (Mon–Sun bezier curve)
    • Insights & Recommendations cards with actionable, explainable health tips
  • Registered Wellness tab in TabNavigation with a heart icon in TabBar
  • Added Wellness route to TabParamList type definitions

Type of Change

  • New feature (non-breaking change which adds functionality)

Screenshots

Notes

  • Uses static placeholder data for now; backend integration to follow
  • Supports both light and dark mode
  • Built with Tamagui components and react-native-chart-kit

- Add WellnessDashboardScreen with overall health score card (circular ring + Low/Medium/High risk badge)
- Add Today's Metrics grid (Steps, Sleep, Heart Rate, Hydration) with progress bars
- Add Weekly Trend line chart (Mon-Sun bezier curve)
- Add Insights & Recommendations section with actionable cards
- Register Wellness tab in TabNavigation with heart icon in TabBar
- Add Wellness route type to TabParamList

Implements rule-based wellness scoring UI with explainable insights
and dashboard cards for quick visualization as described in the
wellness dashboard feature request.
@amirthavarshh
amirthavarshh force-pushed the feat/wellness-dashboard-ui branch from cfca313 to fa975da Compare July 9, 2026 15:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add Personal Wellness Risk Indicator Dashboard UI

1 participant