Protocol Deviation Digital Healthcare Product
  • INTRODUCTION
    • Purpose
    • Scope
    • Deployment
  • USER GUIDE
    • User Login
    • User Roles and Permissions
      • Administration
        • User Management
        • Team Management
        • Study Management
        • Audit Trail
    • Data Files
      • Data File Requirements
      • Spreadsheets
        • Using the Spreadsheet for AI Categorisation
        • Using the Spreadsheet for Manual Categorisation
    • Data Upload
      • Audit Trail
      • Data Trail
      • Data Categorisation
    • Data Visualisation
      • Team Visualisations
      • Study Visualisations
    • Maintenance and Support
      • Troubleshooting for users
      • Support contact information
  • TECHNICAL DOCUMENTATION
    • Web App
      • Design
        • Database
        • Backend
        • Frontend
      • Installation
    • AI Classifier
      • User documentation
      • Administrator documentation
      • Code documentation
    • Developer Guide
      • Requirements
      • Installation
      • Builds
      • Database
Powered by GitBook
On this page
  • UI
  • Architecture
  1. TECHNICAL DOCUMENTATION
  2. Web App
  3. Design

Frontend

The document gives an overview on the UI and frontend architecture.

PreviousBackendNextInstallation

Last updated 2 months ago

UI

QA uses Angular for the frontend and it uses Angular Material to build the UI. Angular Material is a component library and a custom styling file is used to create a theme. This can be found in src/main/frontend/custom-theme.scss in the repository.

Architecture

The frontend source code is split into three areas:

  1. Core

  2. Features

  3. Shared

The core module contains singletons. The feature folder is a collection of modules that are specific to a certain part of QA. The shared module contains reusable content.

You can find more information on this type of architecture .

here