Skip to main content
Architecture · interactive

The platform, from two angles.

Switch between a plain-language reading of the product and the service-by-service technical view. Both maps share the same controls: zoom, pan, full screen, deep links and downloadable SVG or PNG exports.

GreyScreen · global architecture

The platform, service by service

Every runtime component, the protocol between them, and the flows that matter. Click a node for its role, stack and key files.

Trace a flow
CLIENTSEDGESERVICESDATA & COMPUTEEXTERNALWEBgstv-websitePublic streaming siteReact 18 · Vite 3WVBgreyscreen-webviewIn-app streaming SPAReact 18 · Vite 5APPgreyscreen-expo-webviewPhone shell · ExpoExpo 54 · RN 0.81TVgstv-tvAndroid TV clientExpo 53 · RN TVADMgstv-admin-webBack-office SPAReact 18 · Ant Design 5GWvps-reverse-proxyMulti-domain nginx gatewaynginx · TLS · :80/:443APIgstv-customer-apiPublic APIExpress 4 · :3000OPSgstv-admin-apiAdmin API + orchestrationExpress 4 · :3003STRgstv-multimediaHLS streaming + cacheNMS · :8000 / :8080FSFirestoreSource of truthgrey-screen-tv · nam5RTDBRealtime DatabaseQueues + pairinggrey-screen-tv-default-rtdbIMGGCS · imagesPosters + WebP artworkgstv-images-<env>INGCS · inputRaw master filesgstv-videoinput-<env>OUTGCS · outputHLS renditionsgstv-videos-<env>VPSgstv-vps workerEphemeral ffmpeg VMGCE · self-deletesAUTHFirebase AuthGoogle / Apple identityID tokensFCMFirebase Cloud MessagingPush topicsusers · videos · tv-usersSTRStripeCards + subscriptionshosted + embeddedFLWFlutterwaveMobile moneyproduction merchant
Zoom 100 percent

Auto-laid out with Mermaid, rendered live in the page.

Same platform · Mermaid

The same story, drawn by Mermaid

A second view of the platform for readers who prefer a simpler, box-and-arrow map. Every block opens a plain-language card.

Rendering Mermaid diagram…
Zoom 100 percent
Mermaid

The same system, laid out automatically. Use the controls to zoom, open it full screen, or download it for a deck.

How to read it

Follow a line, or follow a story.

Hover a node to isolate its connections. Click it for its role, stack, ports and key files. Use Trace a flow to walk a real request — playback, an upload, a subscription, the Top 10 rebuild or a deletion cascade — one step at a time.

The plain view keeps the same flows but names what a viewer sees. The details are real: they come from the repository contracts, not from a marketing summary.