Generate Customer Journeys from reusable Building Blocks

What if you could generate entire Angular applications for complex customer journeys from a single JSON file?

#1about 5 minutes

Differentiating simple and complex product sales experiences

Classifying products into simple off-the-shelf types versus complex configurable types reveals a gap in industrializing web experiences for the latter.

#2about 2 minutes

Building a platform with a bottom-up component strategy

A progressive enhancement strategy using common, reusable parts from the bottom up allows for building a scalable platform without a big bang rewrite.

#3about 4 minutes

Generating application flow from a JSON configuration

Custom Angular Schematics read a JSON file defining pages and their order to automatically generate a functional, multi-step Angular application skeleton.

#4about 8 minutes

Composing UIs with self-contained building blocks

Angular components are wrapped as self-contained building blocks with defined data contracts, which can be composed via configuration to build page content.

#5about 2 minutes

Dynamically configuring components using feature toggles

An inspector tool allows for creating rules that dynamically toggle the visibility or editability of specific elements within a building block at runtime.

#6about 2 minutes

Scaling development by reusing common components

New customer journeys are created efficiently by developing only product-specific building blocks and reusing a library of common components like payment and delivery.

#7about 5 minutes

Q&A on backend, git structure, and micro frontends

The discussion covers backend architecture, using an Nx-based monorepo for building blocks, component reuse metrics, and how building blocks relate to micro frontends.

From learning to earning

Jobs that call for the skills explored in this talk.