Diet, Calories, and Macro Calculator

A simple web application that calculates daily caloric needs and macronutrient distribution based on user inputs. The app allows users to tweak their macros and caloric intake based on weight loss or fitness goals.

Features

• Calculate baseline macros based on body weight
• Dynamic updates to macro distribution
• Goal-based adjustments for caloric intake and macros
• Responsive design for mobile and desktop
• Dark mode with neutral theme

Tech Stack

• Frontend Framework: Next.js 15 with App Router
• UI Library: React 19
• Styling: Tailwind CSS v4
• UI Components: shadcn/ui (Badge, Button, Card, Input, Label, Slider, Alert)
• Charts: Chart.js
• Package Manager: pnpm
• Hosting: Vercel (recommended)

Getting Started

Prerequisites

• Node.js 18.18.0 or later
• pnpm (install via npm install -g pnpm or corepack)

Installation

1. Clone the repository

   git clone https://github.com/longda/diet-calculator.git
   cd diet-calculator

2. Install dependencies

   pnpm install

3. Run the development server

   pnpm dev

4. Open http://localhost:3000 in your browser to see the application

Calculation Logic

• Total daily calories = bodyweight * 12
• Protein = 1 gram per pound of bodyweight (calories = protein grams * 4)
• Fat = 0.5 grams per pound of bodyweight (calories = fat grams * 9)
• Carbs = Remaining calories / 4 (grams)

Deployment

The easiest way to deploy this application is using Vercel:

pnpm add -g vercel
vercel

License

MIT