Calorie Tracker

Calorie Tracker is a React application designed to help users track their daily calorie intake and calories burned through exercise. The app allows users to log meals, snacks, and exercises, making it easier to monitor their calorie balance and achieve their fitness goals.

Live Demo

You can check out the live version of the Calorie Tracker app deployed on Vercel by clicking the link below:

Calorie Tracker - Live Demo

Features

• Log daily food intake and track calories consumed.
• Record exercises and monitor calories burned.
• Simple and intuitive interface to manage both intake and exercise.
• Real-time updates on total calorie balance.

Technologies Used

The project was developed using:

• React: A JavaScript library for building user interfaces.
• Vite: A fast build tool for modern web applications.
• TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
• Context API: A React feature for managing global state.
• useReducer: A React hook for managing complex state logic.
• Custom Hooks: For managing global context.
• Tailwind CSS: A utility-first CSS framework for styling.
• Vercel: For deployment and hosting the live app.

How to Run the Project

1. Clone the repository:

   git clone https://github.com/habidbesp/Calorie-Tracker.git

2. Navigate to the project directory:

   cd Calorie-Tracker

3. Install dependencies:

   npm install

4. Run the project in development mode:

   npm run dev

5. Open in your browser: http://localhost:5173

Course Information

This application was developed as part of the Udemy course:

"React: Hooks y State hasta TypeScript, Zod, Zustand, React Query, Next.js, React Router, MERN y PERN"

Taught by: Juan Pablo De la Torre Valdez
More about the course

Contributions

Contributions are welcome! If you have suggestions, ideas, or improvements, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.