Open the sign-in page to use your profile, create one, or continue as a guest.
Step 1 of 1
We’ll store this on your device only—nothing is sent to a server in this version.
The name you use to sign in. Stored only in this browser—not uploaded to a server in this version.
For your records and profile only. This demo does not send email or sync to the cloud.
Choose at least 8 characters. Kept locally with your profile—there is no “forgot password” email in this build.
Used for age-related context in your profile. Pick your real date or leave as needed for your tracking goals.
Type height like 6'1", 5 11 (feet and inches), or total inches such as 72. The app parses common formats.
Your current body weight in pounds. You can use decimals (e.g. 184.5). Used with goals and trends on the dashboard.
Used only in your local profile. Choose the option that best matches how you want the app to refer to baseline estimates.
Adjust your daily calorie target and macro goals anytime.
Tells the app whether you’re aiming to maintain, lose, or gain weight. Pair it with a calorie target that fits your plan (a coach or calculator can help you pick numbers).
Approximate calories to eat per day. The calorie ring on the dashboard fills toward this number. Adjust anytime—changes apply to new days’ tracking.
Daily protein in grams. The ring compares what you logged today to this target. Many people start near 0.8–1.2 g per kg body weight—tune to your needs.
Daily carbohydrate grams (starches, sugars, fiber-containing foods count toward carbs on labels). Used for the carbs ring vs. what you log.
Daily fat grams (oils, nuts, dairy fat, etc.). Helps balance energy with protein and carbs; the fat ring tracks progress against this number.
Cap for total sugar logged per day (as you enter it on foods). Useful if you’re watching sweets and sugary drinks; guidelines often focus on added sugar—use this field however fits your plan.
How many cup-equivalents of vegetables you’re aiming for per day (1 cup ≈ 90 g raw on average). Logging uses cups/servings on the meal form.
For meal types and the full database, use Log Food in the header.
A short label for what you ate (for your list and charts). If you use Search foods, picking an item can fill this and nutrition fields for you.
Search the bundled database (restaurant and grocery items). Choosing a result fills calories and macros when available. You can still type a meal manually and enter numbers yourself.
Energy for this meal in kilocalories (kcal), the same “Calories” number you see on nutrition labels.
Protein grams for this meal—helps hit your daily protein ring when summed with other meals.
Total carbohydrate grams for this meal (from labels or search results).
Fat grams for this meal.
Sugar grams for this item/meal as you’re tracking it (often matches label “sugars”). Adds to your daily sugar total.
Cup-equivalents of vegetables in this meal (e.g. 1 cup salad ≈ 1). The app uses ~90 g per cup for rough gram hints elsewhere.
Optional quick entry for today’s weight. For a dated log and history list, use the Weight page. Same scale and time of day gives smoother trends.
Progress rings reset daily. Under Trends & Insights, read Personalized insights (from your logs and Profile), then expand each chart: tap the row to expand, tap again to collapse. Tap inside a chart for details or use full-screen for a larger view.
Builds one image with your summary, rings, and every trend section (including empty or flat charts). Nothing is uploaded—your browser saves or opens the share sheet so you can text it, email it, or post it.
0 kcal / day
Your broader picture of how you eat over time—calories, macros, meal patterns, food groups, and weight next to your goals. Expand each section below to dig in.
Tap a row to expand; tap again to collapse. Charts stay open until you close them.
Based on your recent logs, goals, and what you saved on Profile (eating habits, notes, usual meals). General ideas—not medical advice.
You’re in the app. This guide is for using the tracker while signed in. Before you sign in, use the site’s Help page and FAQs for quick answers—each covers different ground so you’re not reading the same text twice. No cloud sync in this version.
Start here
Tip: Weigh in at a consistent time (for example, morning, before eating) for smoother trend lines.
Dashboard
Six rings summarize calories, protein, carbs, fat, sugar, and vegetable servings (1 cup ≈ 90 g). Charts support filters and fullscreen; tap or hover points for values.
Tip: A green halo means you’ve met or passed that day’s target—use it as feedback, not a rule.
Trends & Insights (below your rings) includes Personalized insights from your meal names, macros vs goals, and Profile (eating pattern, notes, usual meals), plus charts for calories, macros, patterns, food groups, and weight—general feedback, not medical advice.
Food search
Search loads from the bundled database (metadata reports 15,000+ foods). Pick an item to fill nutrition fields; many vegetables auto-suggest a cup serving. If something isn’t listed, enter numbers manually and still pick meal type and date.
Goals (science-friendly)
Medical note: CaloriEat is a self-tracking tool, not medical advice. For conditions like diabetes, eating disorders, or pregnancy, work with a licensed professional.
Privacy
Food category colors
Troubleshooting
CaloriEat — web nutrition tracker · HTML, CSS, JavaScript, Chart.js · Local-first privacy · Large bundled food list, meal types, sugar & produce tracking, interactive charts.
Share feedback or ideas for CaloriEat. This demo form doesn’t send email yet—it’s here so the layout matches a production app.
How you’d like to be addressed if someone follows up on your feedback.
So you can get a reply once this demo form is wired to email or a help desk.
Bug reports, feature ideas, or clarity issues—anything that would make CaloriEat easier to use.
Demo: submit doesn’t deliver email yet.