Behind the Scenes

Colophon

A record of the tools, fonts, technologies, and intelligence used to build and maintain this digital notebook.

Design

  • Palette Charcoal, Cream, Copper, Slate
  • Typography DM Serif Display & DM Sans
  • Icons System emoji + Custom SVG
  • Theming Dynamic Dark / Light mode

Frontend

  • Stack Vanilla HTML5, CSS3, JavaScript — no frameworks
  • Responsive Mobile-first editorial layout
  • Print Custom A4 PDF-optimised rules
  • Fonts Hosted via Google Fonts
  • Hosting GitHub Pages

Data

  • Recipes 125 structured JSON files
  • Nutrition DB 324-entry ingredient database
  • Price DB 510-entry Woolworths AU price reference
  • Index Auto-generated recipe-index.json
  • Storage Local flat-file — no cloud database

Tools

  • Editor VS Code + Live Server
  • Version Control Git
  • Validation JSONLint & W3C Validator
  • Nutrition Source AUSNUT & Australian Food Composition Database
  • Inspiration 20th-century family cookbooks

Features

  • Search Full-text, ingredient-based, fuzzy matching
  • Filters Category, tag, difficulty — combinable
  • Scaling Real-time ingredient calculator
  • Cook Mode Step-by-step with voice read (Web Speech API)
  • Shopping Dynamic list with cost-to-make & buy-per-serving
  • Nutrition Auto-calculated from ingredient DB
  • Tracker Daily intake log with 7-day history
  • Collections Meal plans with combined shopping lists
  • Builder JSON recipe editor with diff view & import

Credits

  • Recipes Family archives, commercial kitchen experience, and testing
  • Primary AI Claude (Anthropic) — architecture, code, content
  • Backup AI DeepSeek & Google AI Studio — cross-checking & alternatives
  • Idea Preserving recipes that actually work
  • Fuel Coffee, biscuits, and patience