recipe-manager/docs/visual-audit/before/README.md

Visual Audit — Baseline Screenshots (BEFORE Redesign)

Missing Screenshots

Screenshot tooling is currently unavailable in this environment (no browser control, no headless preview/capture). Screenshots for the following pages and viewports still need to be captured and added here for a complete before/after comparison:

Primary Screens (Desktop + Mobile):

• Home / Recipe List page
• Recipe Detail page (for at least one real recipe)
• Add/Edit Recipe form (blank and with data)
• Import from URL page
• Cook Mode page

What remains to capture:

• For each page above, both desktop-size (min 1200px wide) and mobile-size (≤375px wide, e.g., iPhone 12/13/14 Pro) screenshots are needed.
• Best practice: show both empty states (no recipes, no tags) and with recipes populated if possible
• Screenshots should reflect the current main branch before any redesign commit

If Updating This File

When screenshots become available, add them here in subfolders:

• /home — Home/list landing
• /detail — Recipe detail
• /add-edit — Add/Edit form
• /import-url — Import URL
• /cook-mode — Cook Mode

---

Last updated: 2026-03-27