Build a Calorie Tracker with DietlyAPI

Short summary

A step-by-step guide to building a client-side calorie tracker using DietlyAPI and localStorage in a single HTML file with no build step. Covers debounced food search, per-100g calorie calculations with nutrient snapshots, and graceful error handling for rate limits and missing records. The app persists entries in the browser and can be hosted on any static host like GitHub Pages.

• •Single-file calorie tracker using DietlyAPI public search endpoint and localStorage
• •Includes debounced search, editable gram amounts, and per-100g nutrient snapshot logic
• •Covers error handling for 429s, 404s, and empty results with deployment on static hosts

Generated with AI, which can make mistakes.