Web App Containers (Structurizr / C4)

workspace "Web App" "Container diagram" {
  model {
    user = person "User"
    system = softwareSystem "Web App" {
      web = container "Web App" "Serves the UI" "React"
      api = container "API" "Business logic" "Node.js"
      db = container "Database" "Stores data" "PostgreSQL"
    }
    user -> web "Uses"
    web -> api "Calls" "JSON/HTTPS"
    api -> db "Reads and writes" "SQL"
  }
  views {
    container system "Containers" {
      include *
      autoLayout
    }
    theme default
  }
}