Skip to content

feat: scaffold React + Vite + TypeScript + Tailwind project #768

@Aureliolo

Description

@Aureliolo

Phase 1.1 -- React Project Scaffold

Parent: #762

Context

Replace the Vue 3 + PrimeVue web dashboard with a fresh React + shadcn/ui project. This sets up the build tooling and dependency tree.

Scope

  • Initialize web/ with React 19 + Vite 8 + TypeScript (strict) + Tailwind v4
  • Install and configure shadcn/ui + Radix UI primitives
  • Install core dependencies:
    • cmdk (command palette)
    • framer-motion (animations)
    • @xyflow/react (React Flow, org chart)
    • recharts or echarts-for-react (charts -- decide based on Phase 0.1 mockup experience)
    • zustand (state management)
    • react-router (routing)
    • axios (HTTP client)
    • @tanstack/react-query (server state, optional -- evaluate)
  • Remove ALL Vue/PrimeVue/Pinia files from web/
  • Configure tsconfig.json (strict, path aliases)
  • Configure Tailwind with placeholder design tokens (finalized in Phase 2.1)
  • Verify npm run dev, npm run build, npm run type-check all work

Deliverables

  • Clean React project in web/ that builds and serves
  • All dependencies installed and importable
  • Old Vue code removed
  • package.json scripts: dev, build, lint, type-check, test

Notes

  • This does NOT wait for design decisions -- it's pure tooling setup
  • Design tokens are placeholders; Phase 2.1 will finalize them
  • No components or pages yet -- just the empty shell

Metadata

Metadata

Assignees

No one assigned

    Labels

    prio:highImportant, should be prioritizedscope:medium1-3 days of workspec:architectureDESIGN_SPEC Section 15 - Technical Architecturespec:human-interactionDESIGN_SPEC Section 13 - Human Interaction Layertype:featureNew feature implementationv0.5Minor version v0.5v0.5.0Patch release v0.5.0

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions