Frontend Delivery Strategy

Work in Progress

The team is actively defining this dimension. The content below describes the current frontend applications. Delivery strategy decisions will be added here as they are made.

Current Frontend Applications

Angelis Admincenter (React 19 + TypeScript)

Target Users:
    - Company Administrators
    - Managers
    - Miinsys Superadmins

Key Features:
    - Company management (CRUD with multi-step wizards)
    - User management (internal users, profiles)
    - Project and assignment management
    - License and subscription management
    - Report generation and download
    - Dashboard and analytics
    - Role-based UI rendering
    - Server-side pagination and filtering
    - Internationalization (Spanish primary, English secondary)

Technology Stack:
    - React 19 with TypeScript
    - Vite for build tooling
    - TanStack React Query for server state
    - Zustand for client state
    - React Router DOM v7
    - shadcn/ui components
    - Tailwind CSS
    - i18next for internationalization

Angelis Worker Web (React 19 + TypeScript)

Target Users:
    - Workers
    - Supervisors
    - Managers (field operations)

Key Features:
    - Worker dashboard
    - Test result viewing
    - Assignment information
    - Supervisor compliance monitoring
    - Manager analytics and reports
    - Real-time notifications (SSE)
    - Role-based access control

Technology Stack:
    - React 19 with TypeScript
    - Vite for build tooling
    - TanStack React Query for server state
    - Zustand for client state
    - React Router DOM v7
    - shadcn/ui components
    - Tailwind CSS
    - i18next for internationalization

Checkingmate Applications

The Safety & Compliance domain is served by three separate Checkingmate frontend applications:

• Checkingmate Frontend — web application for safety form management
• Checkingmate Admin — web application for template and anomaly management
• Checkingmate Mobile App — mobile application for workers to submit safety forms on-site

All three authenticate via the Identity & Access (CIAM/Keycloak) layer.

Productivity Module

The Productivity Module is embedded within the Worker Web application and is accessible only to Supervisors and Managers. It connects to a dedicated Productivity BFF for project plan management, task management, and daily work logs.

Open Decisions

• Web delivery strategy (hosting, CDN, SSR vs CSR)
• Mobile strategy (native, React Native, PWA)
• Shared component library approach