Grade My Investments Technology Architecture

flowchart LR
  subgraph CLIENTS[Clients]
    cw[Client Web<br/>Blazor WASM]:::app
    aw[Admin Web<br/>Blazor]:::app
    mob[MAUI Mobile]:::app
  end
  api[Azure Functions API]:::svc
  subgraph BG[Background Services]
    re[Report Engine]:::svc
    ml[ML.NET Forecasting]:::svc
    bill[Billing Engine]:::svc
    notif[Email and SMS]:::svc
  end
  db[(MySQL)]:::data
  blob[(Blob Storage)]:::data
  subgraph EXTERNAL[External Services]
    fmp[FMP Market Data]:::ext
    claude[Anthropic Claude]:::ext
    stripe[Stripe]:::ext
  end
  cw --> api
  aw --> api
  mob --> api
  api --> db
  api --> blob
  api --> re
  re --> ml
  re --> fmp
  re --> blob
  bill --> stripe
  re --> notif
  api --> claude
  classDef app fill:#1f2630,stroke:#C0894E,color:#F3EFE8;
  classDef svc fill:#241c14,stroke:#E2B583,color:#F3EFE8;
  classDef data fill:#22201a,stroke:#C0894E,color:#EBD3AE;
  classDef ext fill:#1b1f27,stroke:#5A616B,color:#C4C0B8;