Skip to content

ummagohil/Nutrition-Dashboard

Repository files navigation

🍽️Nutrition Dashboard

This dashboard shows a visual representation of nutrients for searched items using the Nutritionix API.

📋Aims of App

  • User can search for foods and be able to add the item under breakfast, lunch or dinner
  • The right data is shown for each food item
  • Each chart for breakfast, lunch and dinner is updated accordingly
  • Overall chart shows the total metrics from all three charts (breakfast, lunch and dinner)

👩‍💻Technical Details

  • TypeScript
  • React hooks
  • NextJS
  • React-query
  • Vitest
  • Tailwind CSS + Daisy UI

🔧How to Run the App

  npm run dev

https://nutrition-dashboard-umma.vercel.app/

🕵️‍♀️ Testing

npx vitest

npx vitest --coverage

💭Future Improvements

  • Increase testing and validation
  • Feature to enable users to remove items within each board

About

🥦 View analytics of nutrients from different foods and meals.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published