✨ feat(frontend): scaffold minimal Nuxt 3 frontend with healthz dashboard #25

arcodange · 2026-05-03T13:41:29+02:00

arcodange commented

2026-05-03 13:41:29 +02:00

Summary

First step toward a Vue 3 / Nuxt 3 / Playwright e2e frontend stack for dance-lessons-coach.

What this PR adds

frontend/ - Nuxt 3 scaffold (TypeScript)
frontend/components/HealthDashboard.vue - fetches /api/healthz and displays status/version/uptime/timestamp
frontend/pages/index.vue - landing page using HealthDashboard
frontend/nuxt.config.ts - dev proxy /api -> http://localhost:8080 (Go backend)
frontend/playwright.config.ts + frontend/tests/e2e/health.spec.ts - 1 baseline e2e test
.gitignore - frontend artifacts excluded (node_modules, .nuxt, .output, etc.)

Out of scope (separate future PRs)

Storybook
Design system / Tailwind / UI library
Auth / login pages
Production build / Docker / deploy
More e2e coverage

How to use locally

cd frontend
npm install
npm run dev   # Nuxt dev server on http://localhost:3000
# In another shell:
cd ..
go run ./cmd/server  # Go backend on http://localhost:8080
# Open http://localhost:3000 - the HealthDashboard fetches /api/healthz via dev proxy

To run e2e:

cd frontend
npx playwright install chromium  # one-time, ~500MB
npx playwright test

Migration context

ARCODANGE Phase 1 - autonomous run via Mistral Vibe with ICM workspace at ~/Work/Vibe/workspaces/frontend-nuxt-scaffold/. New territory for Mistral (frontend stack) - see workspace artifacts for the design + scaffold journey.

🤖 Co-Authored-By: Mistral Vibe + Claude Opus 4.7

## Summary First step toward a Vue 3 / Nuxt 3 / Playwright e2e frontend stack for dance-lessons-coach. ## What this PR adds - `frontend/` - Nuxt 3 scaffold (TypeScript) - `frontend/components/HealthDashboard.vue` - fetches /api/healthz and displays status/version/uptime/timestamp - `frontend/pages/index.vue` - landing page using HealthDashboard - `frontend/nuxt.config.ts` - dev proxy /api -> http://localhost:8080 (Go backend) - `frontend/playwright.config.ts` + `frontend/tests/e2e/health.spec.ts` - 1 baseline e2e test - `.gitignore` - frontend artifacts excluded (node_modules, .nuxt, .output, etc.) ## Out of scope (separate future PRs) - Storybook - Design system / Tailwind / UI library - Auth / login pages - Production build / Docker / deploy - More e2e coverage ## How to use locally ```bash cd frontend npm install npm run dev # Nuxt dev server on http://localhost:3000 # In another shell: cd .. go run ./cmd/server # Go backend on http://localhost:8080 # Open http://localhost:3000 - the HealthDashboard fetches /api/healthz via dev proxy ``` To run e2e: ```bash cd frontend npx playwright install chromium # one-time, ~500MB npx playwright test ``` ## Migration context ARCODANGE Phase 1 - autonomous run via Mistral Vibe with ICM workspace at `~/Work/Vibe/workspaces/frontend-nuxt-scaffold/`. New territory for Mistral (frontend stack) - see workspace artifacts for the design + scaffold journey. 🤖 Co-Authored-By: Mistral Vibe + Claude Opus 4.7

arcodange added 1 commit 2026-05-03 13:41:30 +02:00

✨ feat(frontend): scaffold minimal Nuxt 3 frontend with healthz dashboard f13390461c

First step toward a Vue 3 / Nuxt 3 / Playwright e2e frontend stack.

Adds:
- frontend/ - Nuxt 3 scaffold (TypeScript)
- frontend/components/HealthDashboard.vue - calls /api/healthz, shows status/version/uptime/timestamp
- frontend/pages/index.vue - landing page using HealthDashboard
- frontend/nuxt.config.ts - dev proxy /api -> http://localhost:8080
- frontend/playwright.config.ts + tests/e2e/health.spec.ts - 1 baseline e2e test
- .gitignore - frontend artifacts excluded

Out of scope (separate PRs):
- Storybook
- Design system / Tailwind
- Auth pages
- Production build / deploy config

Generated ~95% in autonomy by Mistral Vibe via ICM workspace
~/Work/Vibe/workspaces/frontend-nuxt-scaffold/.

Trainer (Claude) finalized commit/PR (Mistral hit max-turns or trainer takeover).

🤖 Co-Authored-By: Mistral Vibe (devstral-2 / mistral-medium-3.5)
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

arcodange merged commit 0abc383bed into main

2026-05-03 13:42:07 +02:00

arcodange referenced this issue from a commit

2026-05-03 13:42:07 +02:00

✨ feat(frontend): scaffold minimal Nuxt 3 frontend with healthz dashboard (#25)

arcodange deleted branch feat/frontend-nuxt-scaffold

2026-05-03 13:42:07 +02:00

arcodange referenced this issue from a commit

2026-05-03 16:39:57 +02:00

✨ feat(frontend): Storybook + auto-generated Playwright e2e docs with screenshots

Sign in to join this conversation.