What it is
- Web + native from one codebase — Vite + React 18 + TypeScript, with Capacitor for Android and iOS
- Boots in mock mode — runs with fake data until you add real API keys, so you can explore before connecting anything
- Single config file —
app.config.tsfor branding, theme, and mode - AI-generated screens — bespoke, hand-quality device UIs generated by an AI agent, not a generic widget grid
The app-starter is not the canvas dashboard builder. It produces real,
editable React screens you own — purpose-built per product. That bespoke quality
is the point.
Mock mode vs live
| Mode | Behavior |
|---|---|
| Mock (default) | Signed in as a demo user with pre-loaded fake devices. No keys needed. |
| Live | Real auth and device APIs once you add your manufacturer API keys. |
Single vs multi-product
| Mode | App is for… |
|---|---|
single-product | One device line. QR scan rejects other products. |
multi-product (default) | A catalog. QR scan accepts any of your products. |
Quickstart
Clone to running app in five minutes.
AI-generated screens
Generate bespoke device UIs.
Modes
Single vs multi-product.
Security
Protect your secret key. Read before going live.

