This dashboard shows a visual representation of nutrients for searched items using the Nutritionix API.
- 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)
- TypeScript
- React hooks
- NextJS
- React-query
- Vitest
- Tailwind CSS + Daisy UI
npm run dev
https://nutrition-dashboard-umma.vercel.app/
npx vitest
npx vitest --coverage
- Increase testing and validation
- Feature to enable users to remove items within each board