Skip to content

feat: camera preview modal, StatRing dashboard, animations, API impro…#6

Merged
BEKO2210 merged 1 commit intomainfrom
claude/restore-github-actions-workflow-oueZr
Mar 8, 2026
Merged

feat: camera preview modal, StatRing dashboard, animations, API impro…#6
BEKO2210 merged 1 commit intomainfrom
claude/restore-github-actions-workflow-oueZr

Conversation

@BEKO2210
Copy link
Copy Markdown
Owner

@BEKO2210 BEKO2210 commented Mar 8, 2026

…vements

  • ImageCaptureModal: fullscreen camera with live preview, shutter button, retake/confirm flow, camera flip — replaces instant-capture behavior
  • StatRing: SVG-based ring component with perfectly centered text via SVG element, used for dashboard status overview (4 rings)
  • Dashboard: uses StatRing for Kritisch/Bald/Gut/Gesamt, stacked MHD bar, stat-number reveal animation, better spacing across viewport
  • Animations CSS: shutter button, camera loader spinner, scan-line for barcode scanner, badge pulse for critical items, stat number reveal
  • OpenFoodFacts API: 4s timeout via AbortController, specific field selection for faster responses, image_front_url instead of image_url
  • BarcodeScanner: animated scan-line overlay during active scanning
  • Vite config: GITHUB_PAGES env var for correct base URL on deploy
  • Deploy workflow: passes GITHUB_PAGES env to build step
  • Workbox: fonts.bunny.net cached with CacheFirst strategy

https://claude.ai/code/session_018567acDi8JQ3BHH8BxYX5b

…vements

- ImageCaptureModal: fullscreen camera with live preview, shutter button,
  retake/confirm flow, camera flip — replaces instant-capture behavior
- StatRing: SVG-based ring component with perfectly centered text via
  SVG <text> element, used for dashboard status overview (4 rings)
- Dashboard: uses StatRing for Kritisch/Bald/Gut/Gesamt, stacked MHD bar,
  stat-number reveal animation, better spacing across viewport
- Animations CSS: shutter button, camera loader spinner, scan-line for
  barcode scanner, badge pulse for critical items, stat number reveal
- OpenFoodFacts API: 4s timeout via AbortController, specific field
  selection for faster responses, image_front_url instead of image_url
- BarcodeScanner: animated scan-line overlay during active scanning
- Vite config: GITHUB_PAGES env var for correct base URL on deploy
- Deploy workflow: passes GITHUB_PAGES env to build step
- Workbox: fonts.bunny.net cached with CacheFirst strategy

https://claude.ai/code/session_018567acDi8JQ3BHH8BxYX5b
@BEKO2210 BEKO2210 merged commit 29d9a0c into main Mar 8, 2026
0 of 2 checks passed
@BEKO2210 BEKO2210 deleted the claude/restore-github-actions-workflow-oueZr branch March 8, 2026 15:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants