dapla-start-ui

This React application is built for in-house use in Statistics Norway. It aims to create user-friendly step by step wizard for creating new teams that wish to be onboarded on Statistics Norway Data Plattform (Dapla).

Functionality includes:

Defining a team name
Choosing services to be enabled for the team
Mapping team members to different levels of services and data access

Development

Use make for common tasks:

local-install                  Installation steps for local devlopment
local-build                    Build the app for local serving
local-run                      Run the app locally
local-test                     Run tests and get coverage report
update-version-major           Autoincrement and update the major version
update-version-minor           Autoincrement and update the minor version
update-version-patch           Autoincrement and update the patch version
docker-build                   Build docker image
docker-run                     Run app locally with docker
docker-shell                   Enter shell of locally running docker container
docker-cleanup                 Cleanup locally running docker container

Technical

Project structure

The application code is divided into 3 main parts:

The application entry /src/App.js which handles routing and puts it all together
The steps in the wizard, located in /src/components/steps/
Any and all text content is located in /src/content/
- This means that if you wish to edit any text in the application, edit it here, not in the JSX anywhere else in the code

The output JSON for the backend is stored in the applications' context, using React Context. Found in /src/context/AppContext.js. This also means any input data from the user is available across the entire application, always. Because of this the user can go back and forth between steps in the wizard and not have their previous input lost. However, nothing is stored between sessions.

UI Components

This application uses PrimeReact.

Other