# ToolCTRL everythingbutwork Internes Web-Tool zur täglichen Übersicht über alle Projekte und Bereiche. Ergänzt **Plane** (Tickets) und **Outline** (Doku) als drittes Werkzeug gemäß ToolCTRL Projektmanagement-Leitfaden v3.0. ## Stack - **Frontend:** Vite + React 18 + TypeScript + Tailwind (kommt in Story 1.5) - **Backend:** Fastify + tRPC v11 + Drizzle (kommt in Story 1.4 + 1.2) - **DB:** Postgres 16+ (kommt in Story 1.2) - **Auth:** Authentik OIDC (kommt in Story 1.3) - **Hosting:** Docker + Caddy auf interner ToolCTRL-Infrastruktur ## Verzeichnisstruktur ``` . ├── apps/ │ ├── web/ # Vite + React SPA │ └── api/ # Fastify Backend ├── packages/ │ ├── db/ # Drizzle-Schema + Migrationen │ └── shared/ # Zod-Schemas + Konstanten + Typen ├── _bmad-output/ # Planungs-Artefakte (PRD, Architektur, UX, Epics) └── CONVENTIONS.md # Bindende Code-Konventionen (Pflicht-Lesen) ``` ## Loslegen ```bash pnpm install pnpm --filter web dev # Frontend auf http://localhost:5173 pnpm --filter api dev # Backend auf http://localhost:3000 pnpm typecheck # Alle Workspaces typecheken pnpm lint # ESLint pnpm format # Prettier ``` ## Planungs-Artefakte - [PRD](./_bmad-output/planning-artifacts/prds/prd-projectmanagement-2026-05-25/prd.md) — 49 Functional Requirements, 16 NFRs - [Architektur](./_bmad-output/planning-artifacts/architecture.md) — Stack, Schnitt, Patterns - [UX-Spec](./_bmad-output/planning-artifacts/ux-design-specification.md) — Brand-Tokens, Komponenten, User Journeys - [Epics & Stories](./_bmad-output/planning-artifacts/epics.md) — 6 Epics, 32 Stories - [Konventionen](./CONVENTIONS.md) — Naming, Struktur, Formate, Errors