Frontend Overview

This guide provides a quick orientation to the web frontend and how its docs are organized.

Projects

• Web Frontend (React + TypeScript): SPA for building and editing PRA models
  • Docs: Web Frontend API
  • Shared types: Shared Types API
  • MEF types: MEF Types

Tech stack

• React 18.3.1, TypeScript 5.9.3
• React Router 7.9.4 (nested routes)
• Zustand 5.0.8 for state management
• Zod 4.3.6 for runtime validation
• Nx 22.0.1 for orchestration; pnpm for package management

Conventions

• Routes are defined using React Router nested routes; model-scoped pages live under src/app/.
• State management uses Zustand stores colocated with their feature.
• Types and DTOs come from apps/interfaces/shared-types and apps/interfaces/mef-types.
• Zod schemas mirror shared-types for runtime boundary validation.