A minimalist app that will help you track your daily calorie intake. You can add, edit or delete meals. Calories summarize and display in progress block with circle progress bar to indicate how many percent of daily norm you`ve been eaten per day. Total daily calories can be changed. Also this app has light and dark modes, your theme choice will be restored after refreshing the page (a theme select stores in localStorage).
All data saves in localStorage.
Live Demo: https://juliabgkv.github.io/calorie-tracker/
-
HTML
-
CSS
-
JavaScript
- How to implement theme switching
- How to work with CSS variables
Light mode:
Dark mode:
