A web application to track your food/beverage intake everyday! You can add the ingredients and amount of calories, carbs, protein, and fat, and also delete recipes.
intake-tracker-demo.mp4
As an individual who goes to the gym on a daily basis, I like to track the foods and beverages I eat and drink, including the amount of calories, carbs, protein, and fat. Additionally, if I forget the recipe, the option to write ingredients helps out.
This web application uses HTML and Bootstrap for the styling portion, JavaScript to keep track of adding and deleting recipes. It also saves the recipes in your local storage, so until you don't delete your recipes, they'll always be there (doesn't matter if you refresh or close your tab).
If you would like to download my project, these are the steps:
-
Go to the directory you want in your command line and write:
git clone https://github.com/dshah1010/intake-tracker.git
-
Run
index.html
on a live server
In the future, I plan to edit this by having the option to add daily goals of calories, carbs, protein, and fat, and making the UI more presentable. Additionally, using an API to add recipes including these facts incase users need an idea of what to eat/drink would be great.