kewalpasad / TraCalorie_VanillaJS

A simple Calorie Tracking App using Vanilla JavaScript.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TraCalorie (Vanilla JavaScript)

It is a simple calorie tracking app that takes in food with their respective calorie and store it into Local Storage so that refreshing the app wont result in lose of data. We can Add, Update, Delete each item or clear all at once. It also gives us the total calories after any change in calorie data.

Features:

  1. Simple UI build using Material UI.
  2. Item data is stored in Local Storage.
  3. Add, Delete and update data.
  4. Clear All button erases all the data.
  5. Total calories are shown and updated continuously.
  6. Module pattern and State Pattern is used for the elegantly coding.

Screenshots are added in screenshots folder and each image is renamed according to the function performed on it.

Materialize UI has been used to style the HTML. The entire project has been built on Vanilla Javascript that is, no frameworks have been used. All The DOM manipulation and Document Selecting is done with Javascript. This project was built for learning purpose and is not intended to be used for any commercial projects.

About

A simple Calorie Tracking App using Vanilla JavaScript.


Languages

Language:JavaScript 82.8%Language:HTML 17.2%