40 lines
969 B
Markdown
40 lines
969 B
Markdown
|
# Metamorph frontend
|
||
|
|
|
||
|
|
Vite + React 18 + TypeScript + TailwindCSS. Design tokens from `../tasks/design.md` are in `tailwind.config.ts`.
|
||
|
|
|
||
|
|
## Local dev
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm install
|
||
|
|
npm run dev # http://localhost:5173 (proxies /api/* to http://localhost:8000)
|
||
|
|
```
|
||
|
|
|
||
|
|
## Build
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm run build # outputs to dist/
|
||
|
|
npm run preview # serves dist/ on http://localhost:8080
|
||
|
|
```
|
||
|
|
|
||
|
|
## Quality
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm run typecheck
|
||
|
|
npm run lint
|
||
|
|
npm run format
|
||
|
|
```
|
||
|
|
|
||
|
|
## Layout
|
||
|
|
|
||
|
|
```
|
||
|
|
src/
|
||
|
|
├── App.tsx # M0 home page (health check + design tokens demo)
|
||
|
|
├── main.tsx
|
||
|
|
├── index.css # Tailwind base + tinted-accent utilities
|
||
|
|
├── components/ui/ # RTOps design primitives: Card, Tag, SectionHeader, FlowNode, Button
|
||
|
|
├── lib/
|
||
|
|
│ ├── api.ts # fetch wrapper (M2 will replace with auth-aware client)
|
||
|
|
│ └── cn.ts # classnames + ACCENTS palette
|
||
|
|
└── vite-env.d.ts
|
||
|
|
```
|