Skip to content

Architecture Diagrams

This page centralizes architecture diagrams used during development.

Frontend to Backend Access

This diagram shows the top-level dependency where the frontend accesses backend services.

Frontend to backend access

Frontend Global View

This view highlights the frontend layering:

  • Pages use Components
  • Pages access Services

Frontend global view

Frontend Services Interactions

This diagram focuses on frontend service orchestration:

  • SimulationTraining coordinates access to Users, Cases, and Core
  • Users and Cases also access Core

Frontend services interactions

Backend Services Interactions

This diagram presents backend collaboration:

  • SimulationTraining accesses Users, Cases, S3Storage, and APIOpenAI
  • Users and Cases also interact with storage and AI API

Backend services interactions

Simulation Training Core Flow

This diagram shows the core flow inside SimulationTraining, where Simulation accesses VisualTraining.

Simulation training core flow

Simulation Training Extended Flow

This extended flow shows additional dependencies:

  • VisualTraining accesses DicomViewer
  • Simulation and VisualTraining both access Chatbot

Simulation training extended flow