@startuml actor "Website" as website actor "Mobile" as mobile actor "Third Party" as thirdparty rectangle <<ECommerce>> { node "API Gateway" as api node "Website API" as webapi node "Mobile API" as mobileapi node "Third Party API" as thirdpartyapi rectangle <<Internal Microservices>> { node "Member Service" as member node "Product Service" as product node "Cart Service" as cart node "Order Service" as order } } website --> api mobile --> api thirdparty --> api api --> webapi api --> mobileapi api --> thirdpartyapi webapi --> member webapi --> product webapi --> cart webapi --> order mobileapi --> member #green mobileapi --> product #green mobileapi --> cart #green mobileapi --> order #green thirdpartyapi --> member #blue thirdpartyapi --> product #blue thirdpartyapi --> cart #blue thirdpartyapi --> order #blue @enduml Submit amiga aws-orange black-knight bluegray blueprint cerulean-outline cerulean crt-amber crt-green cyborg-outline cyborg hacker lightgray mars materia-outline materia metal mimeograph minty plain reddress-darkblue reddress-darkgreen reddress-darkorange reddress-darkred reddress-lightblue reddress-lightgreen reddress-lightorange reddress-lightred sandstone silver sketchy-outline sketchy spacelab spacelab-white superhero-outline superhero toy united vibrant       🎉 Discover the future PlantUML Web Editor! 🚀  PNG  SVG  ASCII Art