- Category
- Health & Fitness
- Rank
- No. 2061Tools index
- Pricing
- Open Source
- Type
- APP
- Builder
- karpathy
- GitHub
- 164 stars
- Date
About
Super simple calorie counter web app — a vibe-coded daily tool from Andrej Karpathy.
What it does
Calorie keeps a live balance between estimated energy burned and calories logged. Resting burn and the target deficit accrue with time. Eating adds 100 calories per click, exercise subtracts 100, and the goal turns green when the current balance meets the target.
Why it's ranked here
Its appeal is radical focus: one screen, three controls, and no setup beyond two personal constants. The continuously updated comparison makes the daily target visible at a glance. That clarity comes from deliberately narrow scope, fixed input increments, and almost no supporting infrastructure.
What's good
The time-based model updates both actual and desired deficits every half second, so the display remains useful while left open. Color provides immediate status feedback. The entire application runs locally in a browser, requires no build process, and is easy to inspect or modify.
Tradeoffs
Personalization requires editing source values for resting burn and target deficit. Food and exercise entries only move in 100-calorie steps. State lives in memory, so reloading the page loses progress. There is no history, meal catalog, account system, automatic activity input, or visible validation.
How to use it well
It suits someone who already knows their calorie estimates and wants a persistent, glanceable daily constraint. Keep it open, record meals and exercise in coarse increments, and reset when beginning a new tracking period. Choose another tool for detailed nutrition records, historical trends, profiles, or automated activity capture.
Technical notes+
The application is contained in index.html with inline CSS and JavaScript. hourlyCalorieBurn and hourlyCalorieTargetDeficit hold editable defaults. updateCalorieCount() derives elapsed hours from Date.now(), adjusts both counters, renders two-decimal values, and changes the goal color. Event listeners implement reset and fixed 100-kcal adjustments, while setInterval(updateCalorieCount, 500) advances the model. README.md documents manual configuration and direct browser use.
Observed
- License
- MIT
- Primary implementation
- HTML with inline JavaScript and CSS
- Interface
- Local browser-based graphical interface with reset, exercise, and eating controls
- Install surface
- Open index.html directly in a web browser; no build step is described
- Platform support
- Runs in a browser using standard HTML, CSS, and JavaScript
- State model
- Runtime state is held in JavaScript variables; no persistence mechanism is present
Read from README.md, index.html.
What it can do
Track daily calorie intake
Food items and quantities → Running total of calories consumed
Log food entries
Food name and portion size → Saved food entry with calorie information
Calculate calories from food database
Food item name → Calorie count per serving
Display daily calorie summary
Daily food log entries → Total calories consumed for the day
Reset daily counter
User reset command → Cleared daily calorie count
Tags
Tech Stack
Comments (0)
No comments yet
Editorially curated, with community endorsements as a secondary signal. Corrections welcome.