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.

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.

PreviousBackendNextInstallation

Last updated 27 days ago