https://github.com/mirayatech/calorie-tracker
A calorie-tracker, which helps you know how or track your daily calorie intake 📊
https://github.com/mirayatech/calorie-tracker
calories-tracker css html javascript
Last synced: 6 days ago
JSON representation
A calorie-tracker, which helps you know how or track your daily calorie intake 📊
- Host: GitHub
- URL: https://github.com/mirayatech/calorie-tracker
- Owner: mirayatech
- Created: 2022-06-01T09:48:32.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-06-03T06:33:25.000Z (over 3 years ago)
- Last Synced: 2023-12-28T13:49:23.327Z (almost 2 years ago)
- Topics: calories-tracker, css, html, javascript
- Language: JavaScript
- Homepage:
- Size: 38.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Calorie-Tracker
A calorie-tracker, which helps you know how or track your daily calorie intake 📊
# About this project 🚀
A `calorie tracker` with the color theme of orange and pink (a coral color). There are two inputs, one where you write what type of food or meal it is and the other is how many calories it has in it. After that you press the plus button and it will be added below the gray line at the bottom. You can delete or change something inside by pressing gear that is at the far right. Above the inputs you see the total sum of how many calories you have taken in. A button to delete everything at once is at the top right that says "Clear All". Everything is stored in Local Storage, if you delete something, it will be romved from local storage.
Note: I actually did not do this project entirely myself, but I did it with a course (the course i followed along with: https://www.udemy.com/course/modern-javascript-from-the-beginning/?referralCode=F3249B20C1BBE85EFEEC), and learned a lot from it. I built my own design on this project: Calorie Tracker.
## Technologies 🛠️
* `HTML`
* `CSS`
* `JavaScript`
## How it looks 🎥
**Live:** https://coral-calorie-tracker.netlify.app/
https://user-images.githubusercontent.com/71933266/171795032-36cd2e50-75f6-4a3f-b43c-14d781267489.MP4