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

• 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.

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

• Node.js (v18+ recommended)
• npm

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.

npm run build

npm run lint

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

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

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

MIT

Made with ❤️ for nutrition tracking