Workflow Builder

Table of Contents

1. About The Project
   • Technical Overview
2. Getting started
   • Prerequisites
   • Installation
3. Decision Logs

About The Project

Monorepo of Workflow Builder - a white-label template tailored for development of workflow based apps.

Technical Overview

Using pnpm workspaces Workflow Builder is split into packages placed in apps/ directory:

• frontend - React app containing the core functionality of Workflow Builder
• frontend-e2e - E2E tests for the frontend
• types - Shared Typescript definitions for the project
• icons - Lazy-loadable, extensible icons

Getting Started

Prerequisites

You'll need node and pnpm with proper versions set in the root package.json and .npmrc file.

Installation

1. Clone the repo
2. Install packages from the root directory pnpm i
3. To start the app, run pnpm dev

Decision Logs

To document technical choices and provide an overview of reasoning behind them, the repo contains *.decision-log.md files that live along the code and packages their related to. See individual decision logs for more details:

• Using Web Components for Framework-Agnostic Integration
• Dynamic form generation for properties sidebar
• Lazy loaded SVG icon mechanism 04-03-2025
• Lazy loaded SVG icon mechanism 08-04-2025
• Translation system
• Selection State Management

Links

• Product landing page
• Publicly available web app