Calorie Counter React Project

Link to Live Website Calorie Counter App

Welcome to the Calorie Counter React project repository! This is a simple web application built using React that allows users to track and manage their daily calorie intake. Whether you're trying to maintain a healthy lifestyle or achieve specific fitness goals, this app can help you keep tabs on your calorie consumption.

Table of Contents

• Features
• Installation
• Usage

Features

• User Authentication: Secure user authentication and registration system to ensure your data remains private.
• Add Foods: Easily add foods you've consumed, including calories.
• View History: Browse through your meal history to see what you've consumed on different days.
• Dashboard Visualization: Visualize your daily calorie intake with informative charts and graphs.
• Responsive Design: The app is designed to work seamlessly on both desktop and mobile devices.

Usage

1. Install packages:

npm i

2. Start the development server: or use the live website vesion here

npm start

open http://localhost:3000 to view the app in your browser.

sign up for an account or use the following credentials to log in:

email: [email protected]
password: demo

1. Adding Meals: Use the input field to enter the name of the meal and submit. The app will fetch nutritional data using the Edamam Nutrition API and add the meal to your food log.

2. Adjusting Calories: You can adjust the calories of individual food items using the "+10", "-10", "+100", and "-100" buttons next to each food item.

3. Posting Food Items: If you're logged in, you can add the food items in your food log to your history by clicking the "add to foodlog" button.