This project was bootstrapped with Create React App.
Calorie Counter Web Application
Description:
The Calorie Counter web application is a tool designed to help users track their daily calorie intake. It allows users to search for food items, add them to their meal list, and view the total calories consumed. The application provides nutritional information for each food item, including portion size and calorie count.
Features:
Search Functionality: Users can search for food items using keywords. Meal Tracking: Users can add food items to their meal list and view a summary of their daily calorie intake. Delete Functionality: Users can remove food items from their meal list. Responsive Design: The application is responsive and works well on desktop and mobile devices.
Technologies Used:
React.js: JavaScript library for building user interfaces. HTML/CSS: Markup and styling for the application. #Data Source: JSON file: Used to store nutritional information for food items.
Usage:
Enter a food item in the search bar and click "Search" to find nutritional information. Click "Add" next to a food item to add it to your meal list. Click "Delete" next to a food item in your meal list to remove it. Repeat the process to track multiple food items and view your total calorie intake.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!