Skip to main content
Brian Sunter

Recipe Collection

A curated collection of recipes powered by Cooklang, featuring ingredient scaling, smart categorization, and beautiful typography.

Cooklang Astro TypeScript Recipe Management
Cover image for Recipe Collection

Overview

A modern recipe collection built with Cooklang, a markup language designed specifically for recipes. The collection features a diverse range of dishes from quick weeknight dinners to complex weekend projects.

Features

  • Cooklang Format: Semantic recipe markup with structured ingredient and instruction parsing
  • Ingredient Scaling: Automatic quantity adjustments for different serving sizes
  • Smart Categories: Browse by cuisine type, dietary restrictions, and meal category
  • Search & Filter: Find recipes by ingredients, name, or dietary preferences
  • Beautiful Typography: Optimized reading experience for cooking instructions
  • Print-Friendly: Clean layouts for kitchen use

Technology Stack

  • Cooklang for recipe markup
  • Custom Astro integration for Cooklang parsing
  • TypeScript for type safety
  • Tailwind CSS for responsive design

Design Philosophy

Focused on clarity and usability in the kitchen. Recipes are structured to be easily readable while cooking, with clear ingredient lists and step-by-step instructions that scale based on your needs.