Plate Notes
A published weekly meal plan you read on Sunday and cook through the week — no app required.
- Astro
- Tailwind CSS
- TypeScript
- Vercel
Case study
- Fitness & nutrition
- Food & recipes
- Meal planning
The meal-planning app market is saturated with trackers, scanners, and AI generators that confuse the actual job: tell me what to cook this week. Plate Notes is the deliberate counter-design — a published weekly plan with three meals a day, a single coherent shopping list, and a recipe library that fits a normal weeknight. The pitch line lives on the homepage: open the page on Sunday, cook through the week.
The home view leads with a calm hero — "Eat better this week — without overthinking it" — set against a styled photo of grain bowls and roasted vegetables. Three stat tiles below the hero call out recipes, average prep time, and macros tracked on every meal. A "look at the first three days" section previews Monday through Wednesday with each day's three meals linking through to the full recipe page.
The recipe library is intentionally small — ten recipes, each with a category chip, a time-and-calorie line, a one-sentence editorial blurb, and a hero photo. The pacing is deliberate: this isn't Pinterest, it's a curated weekly menu. A shopping list page rolls up every ingredient across the week into one coherent grocery run, and a weekly plan page expands the three-day preview into the full six-day rotation.
Built as a static Astro site with a clean editorial layout, semantic landmarks, an accessibility page with a dedicated contact email, and a footer disclaimer reminding readers the recipes are for informational purposes only. Part of the dcrader.dev fitness-and-nutrition portfolio, sitting between ProFuelPrep (content scale) and Macros + Miles (athlete tracking) as the everyday meal-planning entry.
Like what you see?
Let's build something together.
Have a project in mind? I'd love to hear about it.