Email Reader — Web Architecture

Email Reader — Web Architecture An architecture diagram generated by Archify. Users · Browser · Architecture component Users Browser Tailscale · Admin VPN · Architecture component Tailscale Admin VPN Azure DevOps Pipelines · CI/CD · Architecture component Azure DevOps Pipelines CI/CD GCP Artifact Registry · Docker Images · Architecture component GCP Artifact Registry Docker Images Traefik · Reverse Proxy · VPS Traefik Reverse Proxy Frontend · Web App · VPS Frontend Web App Backend · Web API · VPS Backend Web API Azure Key Vault · Secrets / env · Azure — per environment Azure Key Vault Secrets / env Azure Blob Storage · Files / env · Azure — per environment Azure Blob Storage Files / env Seq · Logs · VPS Seq Logs Redis · Cache · VPS Redis Cache PostgreSQL · same VPS · VPS PostgreSQL same VPS HangFire · Jobs · VPS HangFire Jobs SMTP Server · Outbound Email · Architecture component SMTP Server Outbound Email Wompi · Payments · Architecture component Wompi Payments Google Pub/Sub · Push notify · Email Providers Google Pub/Sub Push notify Gmail API · Google · Email Providers Gmail API Google Microsoft Graph · Outlook 365 · Email Providers Microsoft Graph Outlook 365 Yahoo Mail · OAuth2 + IMAP · Email Providers Yahoo Mail OAuth2 + IMAP push image SSH deploy (docker compose) HTTPS admin access (VPN) routes routes API secrets secrets files logs cache SQL enqueue job storage SMTP send payments: create + webhook sync + push webhook (via Pub/Sub) publish sync + change webhook sync (IMAP + OAuth2) VPS Azure — per environment Email Providers Legend Frontend Backend Database Cloud Security External

CI/CD & Jobs

  • • Build → GCP Artifact Registry → SSH deploy to VPS
  • • HangFire background jobs backed by PostgreSQL

Email Sync

  • • Full sync on connect, then incremental sync
  • • Gmail/Microsoft push webhooks; Yahoo polls via IMAP

Security & Payments

  • • Key Vault secrets/env; Tailscale admin VPN
  • • SMTP outbound mail; Wompi payments + webhook