C4A software system's context, containers or components, at one level of the C4 model.Copy MarkdownView MarkdownThemeKohuKohu DarkDefaultA food delivery platformCopy sourceOpen in PlaygroundSystem context of a food delivery platformCustomer«person»Orders food from nearbyrestaurants.Restaurant staff«person»Accept orders and mark themready.Delivery Platform«system»Takes orders and dispatchescouriers.Courier«person»Picks up and delivers orders.Payment Provider«external system»Charges cards and paysrestaurants.Maps API«external system»Geocodes addresses and plansroutes.Orders food withManagesorders inOffers jobs toCharges cards through[HTTPS]Plans routeswith[HTTPS]System context of a food delivery platformCustomer«person»Orders food from nearbyrestaurants.Restaurant staff«person»Accept orders and mark themready.Delivery Platform«system»Takes orders and dispatchescouriers.Courier«person»Picks up and delivers orders.Payment Provider«external system»Charges cards and paysrestaurants.Maps API«external system»Geocodes addresses and plansroutes.Orders foodwithManages orders inOffers jobs toCharges cardsthrough[HTTPS]Plans routeswith[HTTPS]A ferry booking system's containersCopy sourceOpen in PlaygroundContainers of a ferry booking systemFerry Booking[SYSTEM]Traveler«person»Books crossings for people andcars.Port Operations«external system»Publishes departures anddelays.Web App«container»[TypeScript, React]Search sailings and book.Event Bus«container queue»[NATS]Sailing and delay events.Booking API«container»[Go]Holds seats and deck space.Bookings«container db»[PostgreSQL]Sailings, bookings, tickets.Books with[HTTPS]Publishes delays toCalls[JSON/HTTPS]Deliversdelays toReads andwrites[SQL]Containers of a ferry booking systemFerry Booking[SYSTEM]Traveler«person»Books crossings for people andcars.Port Operations«external system»Publishes departures anddelays.Web App«container»[TypeScript, React]Search sailings and book.Event Bus«container queue»[NATS]Sailing and delay events.Booking API«container»[Go]Holds seats and deck space.Bookings«container db»[PostgreSQL]Sailings, bookings, tickets.Books with[HTTPS]Publishesdelays toCalls[JSON/HTTPS]Delivers delays toReads and writes[SQL]The components of a checkout APICopy sourceOpen in PlaygroundComponents of the checkout APICheckout API[CONTAINER]Storefront«container»[React]The shop customers browse.Stripe«external system»Takes card payments.Cart Controller«component»[REST controller]Prices carts and starts checkout.Payment Client«component»[Go package]Wraps the Stripe API.Order Service«component»[Go package]Turns a cart into an order.Order Store«component db»[PostgreSQL]Orders and their payments.Calls[JSON/HTTPS]Places orders withChargesthroughSaves to[SQL]Calls[HTTPS]Components of the checkout APICheckout API[CONTAINER]Storefront«container»[React]The shop customers browse.Stripe«external system»Takes card payments.Cart Controller«component»[REST controller]Prices carts and starts checkout.Payment Client«component»[Go package]Wraps the Stripe API.Order Service«component»[Go package]Turns a cart into an order.Order Store«component db»[PostgreSQL]Orders and their payments.Calls[JSON/HTTPS]Places orderswithCharges throughSaves to[SQL]Calls[HTTPS]Deploying a web serviceCopy sourceOpen in PlaygroundDeployment of the notes serviceBrowser[Chrome, Firefox or Safari]Cloud region[us-east-1]Kubernetes cluster[EKS]Managed database[RDS]Notes App«container»[TypeScript]Edits and syncs notes.Notes API«container»[Go]Serves notes over JSON.Search Indexer«container»[Go]Indexes notes as they change.Notes Database«container db»[PostgreSQL 16]Notes and their history.Syncs with[HTTPS]Reads and writes[SQL]Reads changes from[logical replication]Deployment of the notes serviceBrowser[Chrome, Firefox or Safari]Cloud region[us-east-1]Kubernetes cluster[EKS]Managed database[RDS]Notes App«container»[TypeScript]Edits and syncs notes.Notes API«container»[Go]Serves notes over JSON.Search Indexer«container»[Go]Indexes notes as they change.Notes Database«container db»[PostgreSQL 16]Notes and their history.Syncs with[HTTPS]Reads andwrites[SQL]Reads changes from[logical replication]PreviousBlockNextClass