Calorie Tracker is a simple application developed using React Vite, TypeScript, and Tailwind CSS. It provides a user-friendly interface to track calorie consumption and expenditure based on various activities.
🍽️ Users can add the calories they consume or burn based on specific activities. The application calculates the total calorie intake and expenditure, helping users understand if they have a caloric surplus or deficit.
Front-end
To get a local copy up and running, follow these steps.
- Clone this repository to your desired folder:
git clone https://github.com/cilfonegabriel/calorie-tracker.git
cd calorie-tracker
### Install
After cloning the repo, navigate into it and install all the required packages with the following command:
```sh
npm install
Then just wait for everything to finish downloading.
Start the React app:
npm run dev
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.
npm run eject
You can deploy this project using:
npm run build
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!
See the section about deployment for more information.
👤 Gabriel -Cilfone
- GitHub: Gabriel Cilfone
- LinkedIn: Gabriel Cilfone
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
This app was created as part of the course "React - The Complete Guide: Hooks Context Redux MERN +15 Apps"!
This project is MIT licensed.