Jochen Supper & Tobias Siebert

Generate Customer Journeys from reusable Building Blocks

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

Generate Customer Journeys from reusable Building Blocks
#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.

Related jobs
Jobs that call for the skills explored in this talk.

Angular Developer

Picnic Technologies B.V.
Amsterdam, Netherlands

Intermediate
Senior

Featured Partners

From learning to earning

Jobs that call for the skills explored in this talk.

Lead Full-Stack Engineer

Lead Full-Stack Engineer

Hubert Burda Media
München, Germany

80-95K
Intermediate
Senior
React
Vue.js
Node.js
MongoDB
+1
Cloud Engineer (m/w/d)

Cloud Engineer (m/w/d)

fulfillmenttools
Köln, Germany

50-65K
Intermediate
TypeScript
Google Cloud Platform
Continuous Integration
Backend Engineer (m/w/d)

Backend Engineer (m/w/d)

fulfillmenttools
Köln, Germany

35-65K
Intermediate
TypeScript
Agile Methodologies
Google Cloud Platform