https://github.com/dzenis-h/calorie_tracker

It's a Calorie Tracker that saves your data into LS. It's made with pure vanilla JavaScript using the 'Module Pattern', ES6 features, Materialize CSS and Font Awesome for styling.
https://github.com/dzenis-h/calorie_tracker

es6 font-awesome javascript materializecss module-pattern

Last synced: about 2 months ago
JSON representation

It's a Calorie Tracker that saves your data into LS. It's made with pure vanilla JavaScript using the 'Module Pattern', ES6 features, Materialize CSS and Font Awesome for styling.

• Host: GitHub
• URL: https://github.com/dzenis-h/calorie_tracker
• Owner: dzenis-h
• Created: 2019-04-14T01:15:01.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-06-16T18:07:30.000Z (almost 2 years ago)
• Last Synced: 2025-01-18T10:46:07.162Z (4 months ago)
• Topics: es6, font-awesome, javascript, materializecss, module-pattern
• Language: JavaScript
• Homepage: https://web-calorie-tracker.web.app
• Size: 19.5 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
##

![GitHub repo size](https://img.shields.io/github/repo-size/dzenis-h/Calorie_Tracker)

![GitHub contributors](https://img.shields.io/github/contributors/dzenis-h/Calorie_Tracker)

![GitHub stars](https://img.shields.io/github/stars/dzenis-h/Calorie_Tracker?style=social)

![GitHub forks](https://img.shields.io/github/forks/dzenis-h/Calorie_Tracker?style=social)

[![LinkedIn Follow](https://img.shields.io/badge/-Follow-blue?style=social&logo=linkedin&link=https://www.linkedin.com/in/dzenis-h/)](https://www.linkedin.com/in/dzenis-h/)

[![GitHub Follow](https://img.shields.io/badge/-Follow-black?style=social&logo=github&link=https://github.com/dzenis-h)](https://github.com/dzenis-h)

##

#  Calorie Tracker

## Overview 👀

Calorie Tracker is a simple app for tracking your calories and saving data into local storage. You can add, edit, or delete meals and their calories, and see the total calories for the day. The app is built with pure HTML5, CSS3, vanilla JS (ES6+), and Materialize CSS framework.

![Screenshot of the app](https://drive.google.com/uc?export=view&id=1xYF5jq5Us-Ge2XwFNpckNU6jU04z-lGF)

## Tech Stack 🛠

| Tech | Docs | Description |

| ---- | ---- | ----------- |

|  | [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5) | The standard markup language for web pages |

|  | [CSS3](https://developer.mozilla.org/en-US/docs/Web/CSS) | The language for styling web pages |

|  | [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) | The programming language for web development |

|  | [Materialize](https://materializecss.com/) | A modern responsive front-end framework based on Material Design |

## Contributing 🙌

Contributions are always welcome! If you would like to contribute to this project, please follow these steps:

1. Fork the repository. 🍴

2. Create a new branch. 🌵

3. Make your changes and test them thoroughly. 👨‍💻

4. Submit a pull request. ✔

## License 📑

This project is licensed under the MIT License - see the [LICENSE](https://docs.google.com/document/d/11WK7tVoTFRMcWCuGZQCRWxEsDUEJ_6ArtfV-NjWcBCU/edit?usp=sharing) file for details.

## Deployed 🚀

You can see the live version of the app [here](https://web-calorie-tracker.web.app).

## Credits 🙏

Calorie Tracker was created by [Dzenis H.](https://www.dzenis.tech)

If you like what you see, please consider giving a ⭐️ Contributions are more than welcome. 🫡