Case summary




React, NodeJS and Service workers


Progressive web app

Do inspections without internet

The challenge: do inspections without internet

DLR carries out inspections and provides consultancy for lifts, escalators and other transport installations. Before our project, inspections were recorded with a native Android-app on a Samsung tablet. Because of the way the app was designed, it took a while to generate inspection forms. Aside, synchronising data with the server seemed unreliable and could take some time.

We set out to solve these problems with a website. Websites, you’d think, are online by default. But the internet connection on DLRs inspection locations is often flaky or missing altogether. How could we ensure that being offline is not an obstruction to do a proper job?

The solution: a progressive web app with background sync

As we were experienced with developing offline first web applications, the choice for a Progressive Web App (PWA) was made easily. A PWA makes it possible to use technology that was previously only available to native apps. The major advantage is that a PWA needn’t be bought in an app store, but can simply be visited and maintained as a website.

To establish a recognisable and app-like appearance, we chose to use React combined with a Material Design framework. Material Design is an interaction and animation framework by Google: the same that is already used on the inspectors’ tablets for its operating system and other apps.

DLR Connect overview with an expanded view of Wednesday’s planned inspections

An inspector can download all planned inspections for the coming week at once after logging in. The inspections will be stored in the PWA, so that an internet connection is no longer needed. Completed inspections will be sent automatically in the background as soon as an internet connection is detected. The inspector can fully focus on their work, and never worry about the quality of the network again.

Let's discuss what we can do

Nena de Clercq

Head of Sales & Operations
Let's discuss what we can do