https://github.com/samuelcardenasg23/calorie-counter

The Calorie Counter project is a web application that helps users manage and track their daily calorie intake. This project was created using HTML, CSS and JavaScript.
https://github.com/samuelcardenasg23/calorie-counter

Last synced: 7 days ago
JSON representation

The Calorie Counter project is a web application that helps users manage and track their daily calorie intake. This project was created using HTML, CSS and JavaScript.

• Host: GitHub
• URL: https://github.com/samuelcardenasg23/calorie-counter
• Owner: samuelcardenasg23
• Created: 2024-01-30T15:53:03.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2024-01-30T16:09:25.000Z (10 months ago)
• Last Synced: 2024-01-30T17:45:17.936Z (10 months ago)
• Language: JavaScript
• Homepage: https://samuelcardenasg23.github.io/calorie-counter/
• Size: 5.86 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Calorie Counter Web App

## Description

The Calorie Counter project is a web application that helps users manage and track their daily calorie intake. It allows users to set a calorie budget, add entries for meals and exercises, and provides real-time updates on their remaining calories.

## Technologies Used

- HTML

- CSS

- JavaScript

## Features

- **Entry Management**: Add entries for meals and exercises.

- **Calorie Calculation**: The application calculates consumed calories, remaining calories, and provides a surplus or deficit.

- **Budget Tracking**: Set and track your daily calorie budget.

## Instructions

### Calculating Calories

1. Set your daily calorie budget using the budget input field.

2. Fill in the entry details for each category.

3. Click the "Calculate" button to see the calorie summary.

### Adding Entries

1. Choose a category from the dropdown menu (Breakfast, Lunch, Dinner, Snacks, Exercise).

2. Click the "Add Entry" button to add input fields for the selected category.

3. Enter the name and calories for each entry.

### Clearing the Form

- Click the "Clear" button to reset the form and start over.

## Getting Started

Open [Calorie Counter](https://samuelcardenasg23.github.io/calorie-counter/)