Nutrition-Tracker

The purpose of this app is to help individuals who want to identify their personal caloric needs and to help them monitor the calories and macronutrients from the foods they eat.

Disclaimer - This is not dietary advice, nor is it a substitute for professional advice from a doctor or dietician.

App Screenshots

API Used

https://api.calorieninjas.com/v1/nutrition

Technologies Used

• CSS
• JavaScript
• React
• Fontawesome
• Pixabay
• tinyimg.io
• ChartJS
• https://medium.com/sedeo/how-to-fix-target-blank-a-security-and-performance-issue-in-web-pages-2118eba1ce2f#:~:text=There%20are%20two%20solutions%20to%20fix%20these%20problems.,do%20not%20have%20access%20to%20the%20linking%20page.
• https://css-tricks.com/forums/topic/how-to-make-footer-floating-at-bottom-of-page/

Installation Instructions

• fork and clone the repo
• cd into the repo
• open the folder in VScode
• in terminal:

npm install
npm start

Contribution Guidelines

How to Contribute

Feel free to contribute to this app with code or suggestions. If you would like to contribute code - install the app, checkout to a dev branch, play with the code, then submit a pull request.

How to Identify Bugs

You can submit an issue on the git repo, or work on a dev branch and submit a pull request with suggested code to fix the bug. Please detail the bug and recommendations for solutions if possible.

How to Propose Improvements

You can submit an issue on the git repository detailing your suggestion.

Wireframes

User Stories

MVP Goals

• As a user, I want to be able to search for nutritional information on the foods that I eat to easily keep track of my diet.
• As the user, I want to be able to see a list of all the foods I have eaten for the day so I can better track my diet.
• As a user, I want to be able to see the nutritional information on foods that I search before adding them to my list so I can use the nutritional information to decide whether I want to eat it or not.
• As the user, I want to be able to add foods to my list that I eat so I can better track my diet.
• As the user, I want to be able to remove foods from my list so I don't need to refresh the app if I accidentally added something.
• As the user, I want to be able to see a running total of nutritional data for all the foods in my list to better track my diet throughout the day.

Stretch Goals

• As a user, I would like to be able to calculate my basal metabolic rate and my daily caloric needs based on my level of activity so I can better track my diet throughout the day.
• As a user, I would like to calculate my macronutrient needs so I can be more precise with my diet.
• As a user, I would like to see a graph or image showing how close I am to reaching my daily needs so I can better track my diet throughout the day.
• As a user, I would like to be able to see more information on the micronutrients of a food that I search so I can be more precise with my diet.
• As a user, I would like to see an animation when I click to add a food to my list so I am assured that it was added.
• As a user, I would like to see an animation when I click to remove a food from my list so I am assured that it was deleted.