marcel/mealprep
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases Wiki Activity

Design system foundation — Tailwind 4 theme, CSS tokens, fonts #31

Merged
marcel merged 4 commits from feat/issue-16-design-system into master 2026-04-02 12:51:05 +02:00
Conversation 6 Commits 4 Files Changed 19 +9417

4 Commits

Author SHA1 Message Date
Marcel Raddatz
0a2ef750c4 feat(design-system): add Tailwind 4 @theme tokens, fonts, and completeness tests 
- Load Fraunces, DM Sans, DM Mono via Google Fonts preconnect in app.html
- Define all design tokens in @theme block: neutrals, green/yellow/blue/
  purple/orange scales, spacing (--space-1..20), radii, shadows, button base
- Note --green-dark as button background (--green fails WCAG AA with white)
- Add @types/node for Node fs/path usage in design-system tests

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 12:45:11 +02:00
Marcel Raddatz
7c8d725fce test(design-system): assert WCAG 2.2 AA contrast for key color pairs 
White on --green-dark (not --green) is the correct button background;
--green (#3D8C4A) gives only 4.16:1 which fails AA for normal-size text.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 12:43:21 +02:00
Marcel Raddatz
82815205d0 Wire frontend into Docker Compose with type-safe API client 
- Add frontend service to docker-compose.yml (port 3000, BACKEND_URL env var)
- Add frontend/Dockerfile using adapter-node for plain Node/Docker runtime
- Switch svelte.config.js from adapter-auto to adapter-node
- Generate OpenAPI types from backend spec (openapi-typescript + openapi-fetch)
- Add src/lib/server/api.ts as server-only typed API client factory
- Add generate:api script to regenerate types when backend spec changes

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 12:36:09 +02:00
Marcel Raddatz
b36d4c731d Add frontend journey specs with visual previews and LLM instructions 
Six self-contained HTML documents, one per user journey, each combining
mobile/desktop previews with machine-readable implementation guides:

- j1-add-recipe.html (B1, B3)
- j2-plan-the-week.html (C1, C2, C3)
- j3-cook-tonight.html (B2, B4)
- j4-adapt-on-the-fly.html (swap trigger, C2 swap)
- j5-shopping-list.html (D1)
- j6-household-setup.html (A1, A2, A3/D3, A4)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
 2026-04-02 12:17:47 +02:00