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
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
The application code is divided into 3 main parts:
- The application entry
/src/App.jswhich 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.
This application uses PrimeReact.
This application follows General React Setup from our dapla-react-app template when it comes to handling runtime environment variables, unit tests setup and everything related to CI/CD.