Skip to content
Skip to content
Skip to content

Case study

Forty internal tools moved into one console, on one design system, with one way to ship.

From merge to productionfrom 14 minto 95 s

Client
Ledgerline
Year
2024
Role
Frontend architect
Kind
Tooling
A developer reading code on two monitors in a dark studio under an orange lamp

The problem

Ledgerline's operations teams worked in forty separate tools, each with its own login, its own table component and its own idea of a date picker.

The approach

  • One shell that owns routing, auth and layout; each team ships its own module into it.
  • A shared component library with typed props and visual tests on every pull request.
  • A build that only rebuilds what a change touches.
A developer at two monitors at night with city lights behind
A developer at two monitors at night with city lights behind
A desk lamp and a closed notebook against a blue city dusk
A desk lamp and a closed notebook against a blue city dusk

The result

A merge now reaches production in 95 seconds instead of 14 minutes. New tools start from a template and are usable on day two. Six teams deleted their private UI kits within the quarter.

Built with

ReactTypeScriptModule FederationTurborepo

Case study

Forty internal tools moved into one console, on one design system, with one way to ship.

From merge to productionfrom 14 minto 95 s

Client
Ledgerline
Year
2024
Role
Frontend architect
Kind
Tooling
A developer reading code on two monitors in a dark studio under an orange lamp

The problem

Ledgerline's operations teams worked in forty separate tools, each with its own login, its own table component and its own idea of a date picker.

The approach

  • One shell that owns routing, auth and layout; each team ships its own module into it.
  • A shared component library with typed props and visual tests on every pull request.
  • A build that only rebuilds what a change touches.
A developer at two monitors at night with city lights behind
A developer at two monitors at night with city lights behind
A desk lamp and a closed notebook against a blue city dusk
A desk lamp and a closed notebook against a blue city dusk

The result

A merge now reaches production in 95 seconds instead of 14 minutes. New tools start from a template and are usable on day two. Six teams deleted their private UI kits within the quarter.

Built with

ReactTypeScriptModule FederationTurborepo

Case study

Forty internal tools moved into one console, on one design system, with one way to ship.

From merge to productionfrom 14 minto 95 s

Client
Ledgerline
Year
2024
Role
Frontend architect
Kind
Tooling
A developer reading code on two monitors in a dark studio under an orange lamp

The problem

Ledgerline's operations teams worked in forty separate tools, each with its own login, its own table component and its own idea of a date picker.

The approach

  • One shell that owns routing, auth and layout; each team ships its own module into it.
  • A shared component library with typed props and visual tests on every pull request.
  • A build that only rebuilds what a change touches.
A developer at two monitors at night with city lights behind
A developer at two monitors at night with city lights behind
A desk lamp and a closed notebook against a blue city dusk
A desk lamp and a closed notebook against a blue city dusk

The result

A merge now reaches production in 95 seconds instead of 14 minutes. New tools start from a template and are usable on day two. Six teams deleted their private UI kits within the quarter.

Built with

ReactTypeScriptModule FederationTurborepo

Start a project

Three quick picks so the first reply is useful. You finish the message on the contact page.

What do you need?

Rough budget

brief.tsdraft, not sent

Brief so far: nothing picked yet

or write to hello@sorenhale.dev

Nothing is sent from this page. Your picks are kept in this browser tab and wait for you on the contact form.

Start a project

Three quick picks so the first reply is useful. You finish the message on the contact page.

What do you need?

Rough budget

brief.tsdraft, not sent

Brief so far: nothing picked yet

or write to hello@sorenhale.dev

Nothing is sent from this page. Your picks are kept in this browser tab and wait for you on the contact form.

Start a project

Three quick picks so the first reply is useful. You finish the message on the contact page.

What do you need?

Rough budget

brief.tsdraft, not sent

Brief so far: nothing picked yet

or write to hello@sorenhale.dev

Nothing is sent from this page. Your picks are kept in this browser tab and wait for you on the contact form.

Footer

Local time, Oslo

Footer

Local time, Oslo

Footer

Local time, Oslo

Create a free website with Framer, the website builder loved by startups, designers and agencies.