@startuml

!include C4_Container.puml
!include <tupadr3/common>
!include <tupadr3/font-awesome-5/users>
!include <tupadr3/devicons/msql_server>
!include <tupadr3/font-awesome-5/angular>
!include <tupadr3/font-awesome-5/java>



Person(140486188857712, "Customer", "People that need products", $sprite="users")

Container(140486188857856, "SPA", "angular", "The main interface that the customer interacts with", $sprite="angular")

Container(140486188858000, "API", "java", "Handles all business logic", $sprite="java")

ContainerDb(140486188858144, "Database", "Microsoft SQL", "Holds product, order and invoice information", $sprite="msql_server")


Rel(140486188857712, 140486188857856, "Uses", "https", "")
Rel(140486188857856, 140486188858000, "Uses", "https", "")
Rel_R(140486188858000, 140486188858144, "Reads/Writes", "", "")
SHOW_LEGEND()
@enduml
