marcel
0 Followers · 0 Following
  • Joined on 2026-03-17
Repositories
3
 Projects Packages Public Activity Starred Repositories
marcel commented on pull request marcel/mealprep#31 2026-04-02 12:48:13 +02:00
Design system foundation — Tailwind 4 theme, CSS tokens, fonts

Review: Architect — Structure & Coupling Perspective

Verdict: ✅ Approved

What's good

The architectural decision to use Tailwind 4's @theme block as the single authoritative…

marcel commented on pull request marcel/mealprep#31 2026-04-02 12:47:45 +02:00
Design system foundation — Tailwind 4 theme, CSS tokens, fonts

Review: Kai (Frontend Engineer) — Developer Perspective

Verdict: ✅ Approved

What's good

The CSS-first Tailwind 4 @theme block is exactly the right approach — no `tailwind.co…

marcel created pull request marcel/mealprep#31 2026-04-02 12:46:42 +02:00
Design system foundation — Tailwind 4 theme, CSS tokens, fonts
marcel pushed to feat/issue-16-design-system at marcel/mealprep 2026-04-02 12:46:31 +02:00
0a2ef750c4 feat(design-system): add Tailwind 4 @theme tokens, fonts, and completeness tests
7c8d725fce test(design-system): assert WCAG 2.2 AA contrast for key color pairs
82815205d0 Wire frontend into Docker Compose with type-safe API client
b36d4c731d Add frontend journey specs with visual previews and LLM instructions
Compare 4 commits »
marcel created branch feat/issue-16-design-system in marcel/mealprep 2026-04-02 12:46:30 +02:00
marcel commented on issue marcel/mealprep#16 2026-04-02 12:45:30 +02:00
Frontend: Design system foundation — Tailwind 4 theme, CSS tokens, fonts

Implemented on feat/issue-16-design-system

What was built

src/app.html — Google Fonts loaded via preconnect + stylesheet link (Fraunces, DM Sans, DM Mono).

src/app.css —…

marcel commented on issue marcel/mealprep#30 2026-04-02 12:18:50 +02:00
Frontend: D1 — Shopping list

Spec file: specs/frontend/j5-shopping-list.html — screen D1 with mobile (checklist + blue shared banner) + desktop (split checklist + recipe…

marcel commented on issue marcel/mealprep#29 2026-04-02 12:18:47 +02:00
Frontend: J4 — Swap flow (action sheet + quick suggestions)

Spec file: specs/frontend/j4-adapt-on-the-fly.html — swap trigger (mobile action sheet) + C2 swap context (easiest-first suggestions) previews,…

marcel commented on issue marcel/mealprep#28 2026-04-02 12:18:44 +02:00
Frontend: C3 — Variety review (score breakdown)

Spec file: specs/frontend/j2-plan-the-week.html — screen C3 with mobile (stacked score + breakdown) + desktop (2-col score/protein grid + effort…

marcel commented on issue marcel/mealprep#27 2026-04-02 12:18:41 +02:00
Frontend: C2 — Meal suggestions (variety-aware)

Spec file: specs/frontend/j2-plan-the-week.html — screen C2 with mobile (context banner + ranked list) + desktop (split context panel + suggestions…

marcel commented on issue marcel/mealprep#26 2026-04-02 12:18:38 +02:00
Frontend: C1 — Weekly planner (home screen)

Spec file: specs/frontend/j2-plan-the-week.html — screen C1 with full planner spec: mobile phone frame, tablet frame, desktop 3-panel frame,…

marcel commented on issue marcel/mealprep#25 2026-04-02 12:18:32 +02:00
Frontend: B4 — Cook mode (full-screen step-by-step)

Spec file: specs/frontend/j3-cook-tonight.html — screen B4 (KITCHEN CRITICAL) with mobile + desktop previews (identical layout), agent table with…

marcel commented on issue marcel/mealprep#24 2026-04-02 12:18:28 +02:00
Frontend: B2 — Recipe detail view

Spec file: specs/frontend/j3-cook-tonight.html — screen B2 with mobile (hero banner + stacked) + desktop (hero + 2-col ingredients/steps) previews,…

marcel commented on issue marcel/mealprep#23 2026-04-02 12:18:22 +02:00
Frontend: B3 — Add/edit recipe form

Spec file: specs/frontend/j1-add-recipe.html — screen B3 with mobile (single scroll) + desktop (split form + tags panel) previews, agent table, and…

marcel commented on issue marcel/mealprep#22 2026-04-02 12:18:19 +02:00
Frontend: B1 — Recipe library

Spec file: specs/frontend/j1-add-recipe.html — screen B1 with mobile (2-col grid) + desktop (4-col grid + filter chips) previews, agent table, and…

marcel commented on issue marcel/mealprep#21 2026-04-02 12:18:15 +02:00
Frontend: A4 — Join household (accept invite)

Spec file: specs/frontend/j6-household-setup.html — screen A4 with mobile + desktop previews, agent table, and LLM implementation guide.

marcel commented on issue marcel/mealprep#20 2026-04-02 12:18:11 +02:00
Frontend: A3/D3 — Pantry staples component (onboarding + settings)

Spec file: specs/frontend/j6-household-setup.html — screen A3/D3 with mobile + desktop previews (both onboarding and settings contexts), agent…

marcel commented on issue marcel/mealprep#19 2026-04-02 12:18:07 +02:00
Frontend: A2 — Household setup + invite

Spec file: specs/frontend/j6-household-setup.html — screen A2 with mobile + desktop previews, agent table, and LLM implementation guide.

marcel commented on issue marcel/mealprep#18 2026-04-02 12:18:04 +02:00
Frontend: A1 — Sign up screen

Spec file: specs/frontend/j6-household-setup.html — screen A1 with mobile + desktop previews, agent table, and LLM implementation guide.

marcel commented on issue marcel/mealprep#17 2026-04-02 12:18:00 +02:00
Frontend: App shell — responsive layout, navigation, routing

Spec references: Navigation and layout specs are embedded in each journey file. Key references:

  • Sidebar + desktop layout: [specs/frontend/j2-plan-the-week.html](../specs/frontend/j2-plan-th…