04. Frontend Deep Dive¶
Two supporting UIs — not the core product.
browser-lab/¶
Local tester for scratch/ bundles before HF publish.
| Piece | Role |
|---|---|
index.html / app.js / translator.js |
Adapted from browser-demo |
server.py |
Serves lab + /scratch/ + /fixtures/; can POST live benchmarks |
| Port | make browser-lab → :8010 |
dashboard/¶
Vite + React 19 + Tailwind + Recharts site for overview, detailed benchmarks, live latency, mismatch explorer, and embedded docs (export journey, quantization, size optimization).
- Fixtures synced under
dashboard/public/fixtures/ - Deploy:
.github/workflows/deploy.yml→ GitHub Pages fromdashboard/dist
Interview Q&A¶
Q: Is the dashboard required to export?
A: No — Make + Python are enough. Dashboard communicates results; browser-lab validates local bundles.