> ## Documentation Index
> Fetch the complete documentation index at: https://platform.docs.zenoo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# System Architecture

> Overview of the Zenoo platform's Build Time and Run Time architecture

The Zenoo platform is structured into two core categories: **Build Time** and **Run Time**, enabling efficient creation and seamless execution of digital onboarding workflows.

<img src="https://mintcdn.com/zenoo-eaa1410a/S2YF7Dg61X-fpeIV/images/system-architecture.png?fit=max&auto=format&n=S2YF7Dg61X-fpeIV&q=85&s=ad3502aee57845485acd2637760e13ef" alt="" width="1273" height="889" data-path="images/system-architecture.png" />

<br />

#### **Build Time**

The **Design Studio** empowers users to manage the creation, modification, and deployment of onboarding workflows with minimal effort. Leveraging server-side Node.js, it provides features such as:

* **Storage Layer**: Integrates GIT for versioning and collaborative development.
* **Generators**: Automatically produce DSL scripts and UX elements using predefined templates.
* **Libraries**: Ready-to-use building blocks for rapid prototyping.
* **Build Server**: Automates deployment across environments.

On the client side, a React.js-based **Flow Editor** provides a no-code drag-and-drop interface, real-time UX previews, branding adjustments, and multi-language translations. Versioning of templates and libraries ensures consistent updates while maintaining backward compatibility.

#### **Run Time**

At runtime, the platform is powered by **Hub Instance (backend)** and **Hub Client Target (frontend)**. These components manage orchestration, third-party integrations, and real-time user interactions.

* **Hub Client (Frontend)**: Built with YAML and LESS, it enables precise UX control, responsive components, real-time data-driven logic, and advanced security measures such as CSP headers.
* **Hub Instance (Backend)**: A robust engine executing DSL scripts for workflows, managing connectors, processing API exchanges, and supporting lightweight clients. It employs Kafka for event streaming, REST APIs for client and admin interactions, and integrates observability tools like CloudWatch and DataDog.

#### **Key Advantages**

* **Low-Code Efficiency**: DSL-based workflows simplify business logic definition.
* **Scalability and Resilience**: Elastic, fault-tolerant architecture ensures high availability and zero downtime deployments.
* **Integration-Ready**: API connectors and reusability accelerate third-party integrations.
* **Security and Analytics**: Features such as CSP headers and detailed user behavior tracking enhance protection and optimize user experiences.

The Zenoo platform's architecture combines innovation, scalability, and user-centric design to provide seamless, secure, and customizable onboarding solutions.