This Calorie Calculator Website is designed to help users track and calculate the calorie content of various products. Users can add products to a list, specifying the product's name, weight in grams, and calories per 100 grams. The website automatically calculates the total calories for each product and displays the cumulative calories for all products listed. Features include the ability to add, edit, and delete products, as well as clear the entire product list. Data is persisted in the browser's localStorage, making it a convenient tool for daily use.
- Add Products: Users can add products by entering the product name, weight (in grams), and calories per 100 grams.
- Delete Products: Users can delete individual products or clear the entire list.
- Calorie Calculation: Automatic calculation of total calories for each product and a cumulative total for all products listed.
- LocalStorage Integration: Products are saved in the browser's localStorage, ensuring data persistence between sessions.
- Responsive Design: The website is fully responsive and can be used on devices of various sizes.
Given your project now uses Vite and pnpm, the installation instructions in your README.md need to reflect these changes. Here’s how you can update the "Installation" section to guide users and developers through setting up the project with these tools:
For most users, simply visiting the deployed website is sufficient. However, developers or users who wish to run NutriCalc locally can set up a development environment using the following steps:
-
Clone the repository: Open a terminal and run the following command to clone the NutriCalc repository:
git clone https://github.com/BarAppTeam/NutriCalc-Daily-Calorie-Tracker.git
-
Navigate to the project directory: Change into the project directory with:
cd NutriCalc-Daily-Calorie-Tracker -
Install dependencies: Ensure you have
pnpminstalled on your system. If you don't, you can install it by following the instructions on pnpm's official site. Oncepnpmis installed, run the following command to install the project dependencies:pnpm install
-
Start the development server: Run the following command to start a local development server using Vite. This command compiles the application and opens it in your default web browser, with hot reload enabled for development:
pnpm run dev
The application will be available at
http://localhost:3000or another port if 3000 is already in use. The terminal will display the exact URL to access the application.
By following these steps, developers can quickly set up NutriCalc in a local development environment, leveraging Vite for efficient development and pnpm for dependency management.
To use the Calorie Calculator Website, follow these steps:
- Add a Product: Fill in the product's name, weight in grams, and calories per 100 grams in the form fields. Submit the form to add the product to the list.
- Delete a Product: Click the "Delete" button next to a product to remove it from the list.
- View Total Calories: The total calories of all products listed will be displayed at the bottom of the product list.
- Clear Product List: Click the "Clear All Products" button to remove all products from the list and reset the total calories.
Contributions to the Calorie Calculator Website are welcome! If you have suggestions for improvements or bug fixes, please open an issue or a pull request.
This project is open source and available under the MIT License.
- Icons and images sourced from FontAwesome and Unsplash, respectively.
- Calorie calculation formulas and nutritional information references from USDA FoodData Central.