Calorie Tracker

A modern web application to help you track your daily food intake, calories, protein, exercise, and nutrition goals.

Features

• User Authentication: Register and log in securely.
• Food Logging: Add, view, and remove foods with calories and protein.
• Exercise Tracking: Log weekly exercise activities.
• Dashboard: See daily totals for calories, protein, cost, and health score.
• Responsive Design: Works well on desktop and mobile.
• API Integration: Fetches nutrition data from external APIs.

Tech Stack

• Frontend: React, Vite, Tailwind CSS
• State Management: React Context
• Backend/API: (You may need to specify if you have a backend)
• Icons: SVG

Getting Started

Prerequisites

• Node.js (v18+ recommended)
• npm

Installation

1. Clone the repository:

   git clone https://github.com/your-username/calorie-tracker.git
   cd calorie-tracker/client
   

2. Install dependencies:

   npm install
   

3. Start the development server:

   npm run dev
   

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

Build for Production

npm run build

Lint

npm run lint

Folder Structure

client/
  ├── public/           # Static assets
  ├── src/
  │   ├── assets/       # Images and SVGs
  │   ├── components/   # React components
  │   ├── contexts/     # Context providers
  │   ├── api.js        # API utilities
  │   ├── App.jsx       # Main app component
  │   ├── main.jsx      # Entry point
  │   └── index.css     # Global styles
  ├── package.json
  ├── tailwind.config.js
  ├── vite.config.js
  └── README.md

Customization

• Update nutrition targets in Totals.jsx.
• Modify styles in index.css or Tailwind config.
• Connect to your own backend by editing api.js.

Contributing

Pull requests are welcome!
For major changes, please open an issue first to discuss what you would like to change.

License

MIT

---

Made with ❤️ for nutrition tracking