Challenge Overview
Challenge Overview
Challenge Objectives
-
Angular app UI prototype development
Project Background
-
We’re building a series of ‘calculator’ apps with similar workflow - input data, calculate, view results.
-
Our client has developed a specific method of of analyzing geological data from soil samples which involves estimating swirr, porosity, and lambda using saturation and permeability data.
-
In this challenge we’ll build the UI prototype for the rock typing calculator
Technology Stack
-
Angular
Code access
The base code and marvel app link are available in the forums. See the code style requirements also available in the forums.
Individual requirements
-
Create a new calculator module
See the wiki page on details for adding a new module (module name will be “rocktyping”) -
Data input page
Screens in scope 59589813, 59589816
Changes required:-
In the left sidebar, we need only two inputs - name and description. Everything else can be removed
-
In the right section, move the Rock Properties table to the top, and remove the hfu column. Quality column should be a dropdown with Good/Bad options
-
Capillary Pressure vs Saturation table is specific for each sample (each row in the Rock Properties table) and the user has to fill in the details for each sample (click on a row in rock properties table will update the other table)
-
-
Results page
Screens in scope 59589818, 59589826
Charts interactivity will be done in the followup challenges
General requirements
-
Unit/e2e tests are not required for now
-
Make sure to follow coding style requirements and guidelines provided in the wiki page
-
Place all shared code in src/app/shared directory (not src/app/utils)
-
Place all routing code in src/app/routing
What To Submit
-
Git patch
-
Verification guide