Prompt for the MaterialApp

Please create a React-JS application for the MaterialModule. The application  has to offer the following views for the user interface: 
    1. ErsatzView 
    2. FormstueckView 
    3. HydrantView 
    4. MaterialView 
The views have to be reachable for the user via a menu list at the left side of each view. The requirements for the 4 views are defined below.

1. The ErsatzView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: ErsatzDatum   type: DATE 
    - name: Grund   type: STRING 
    - name: Material   type: Material 
    - name: Rohrabschnitt   type: Rohrabschnitt 
The data source for the [Material] select control should be loaded from the relative URL: 
    "/MaterialService/material"   (HTTP-GET) 
The data source for the [Rohrabschnitt] select control should be loaded from the relative URL: 
    "/RohrabschnittService/rohrabschnitt"   (HTTP-GET) 
An existing Ersatz entity should be loaded from the relative URL: 
    "/MaterialService/ersatz/{id}"   (HTTP-GET) 
If a new Ersatz entity has been created, the new entity should be posted to the relative URL: 
    "/MaterialService/ersatz"   (HTTP-POST) 
If an existing Ersatz entity has been updated, the modified entity should be sent to the relative URL: 
    "/MaterialService/ersatz/{id}"   (HTTP-PUT) 
If an existing Ersatz entity has to be deleted, the following relative URL should be called: 
    "/MaterialService/ersatz/{id}"   (HTTP-DELETE)

2. The FormstueckView must contain the following fields: 
    - name: FormstueckTyp   type: STRING 
    - name: Hinweise   type: STRING 
    - name: Material   type: Material 
    - name: NennweiteDn   type: LONG 
    - name: Rohrabschnitt   type: Rohrabschnitt 
The data source for the [Material] select control should be loaded from the relative URL: 
    "/MaterialService/material"   (HTTP-GET) 
The data source for the [Rohrabschnitt] select control should be loaded from the relative URL: 
    "/RohrabschnittService/rohrabschnitt"   (HTTP-GET) 
An existing Formstueck entity should be loaded from the relative URL: 
    "/MaterialService/formstueck/{id}"   (HTTP-GET) 
If a new Formstueck entity has been created, the new entity should be posted to the relative URL: 
    "/MaterialService/formstueck"   (HTTP-POST) 
If an existing Formstueck entity has been updated, the modified entity should be sent to the relative URL: 
    "/MaterialService/formstueck/{id}"   (HTTP-PUT) 
If an existing Formstueck entity has to be deleted, the following relative URL should be called: 
    "/MaterialService/formstueck/{id}"   (HTTP-DELETE)

3. The HydrantView must contain the following fields: 
    - name: Baujahr   type: LONG 
    - name: Hinweise   type: STRING 
    - name: HydrantTyp   type: STRING 
    - name: InstallationsOrt   type: InstallationsOrt 
    - name: IstBetriebsbereit   type: BOOL 
    - name: Material   type: Material 
    - name: NennweiteDn   type: LONG 
    - name: Rohrabschnitt   type: Rohrabschnitt 
The data source for the [InstallationsOrt] select control should be loaded from the relative URL: 
    "/InstallationsOrtService/installationsort"   (HTTP-GET) 
The data source for the [Material] select control should be loaded from the relative URL: 
    "/MaterialService/material"   (HTTP-GET) 
The data source for the [Rohrabschnitt] select control should be loaded from the relative URL: 
    "/RohrabschnittService/rohrabschnitt"   (HTTP-GET) 
An existing Hydrant entity should be loaded from the relative URL: 
    "/MaterialService/hydrant/{id}"   (HTTP-GET) 
If a new Hydrant entity has been created, the new entity should be posted to the relative URL: 
    "/MaterialService/hydrant"   (HTTP-POST) 
If an existing Hydrant entity has been updated, the modified entity should be sent to the relative URL: 
    "/MaterialService/hydrant/{id}"   (HTTP-PUT) 
If an existing Hydrant entity has to be deleted, the following relative URL should be called: 
    "/MaterialService/hydrant/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Wartung columns: 
    - column: Ventil 
    - column: DurchgefuehrtVon 
    - column: Beschreibung 
    - column: WartungsDatum 
    - column: Rohrabschnitt 
    - column: Hydrant 
    - column: WartungsArt 
The table should have the title "Wartungs" und the data must be loaded from the server with the following relative URL: 
    "/RohrabschnittService/wartung/hydrant/{id}" 
Add a HTML table to the view with the following Inspektion columns: 
    - column: Ergebnis 
    - column: Inspektor 
    - column: Ventil 
    - column: Rohrabschnitt 
    - column: InspektionsDatum 
    - column: Feststellungen 
    - column: Hydrant 
The table should have the title "Inspektions" und the data must be loaded from the server with the following relative URL: 
    "/RohrabschnittService/inspektion/hydrant/{id}"

4. The MaterialView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: IstFuerTrinkwasserZugelassen   type: BOOL 
    - name: Kategorie   type: STRING 
    - name: Name   type: STRING 
An existing Material entity should be loaded from the relative URL: 
    "/MaterialService/material/{id}"   (HTTP-GET) 
If a new Material entity has been created, the new entity should be posted to the relative URL: 
    "/MaterialService/material"   (HTTP-POST) 
If an existing Material entity has been updated, the modified entity should be sent to the relative URL: 
    "/MaterialService/material/{id}"   (HTTP-PUT) 
If an existing Material entity has to be deleted, the following relative URL should be called: 
    "/MaterialService/material/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following InstallationsRichtlinie columns: 
    - column: Material 
    - column: Leitungsart 
    - column: Titel 
    - column: MaxTemperaturC 
    - column: MaxStagnationsVolumenL 
    - column: Beschreibung 
    - column: Norm 
    - column: Hinweise 
The table should have the title "InstallationsRichtlinies" und the data must be loaded from the server with the following relative URL: 
    "/LeitungsartService/installationsrichtlinie/material/{id}" 
Add a HTML table to the view with the following Hydrant columns: 
    - column: HydrantTyp 
    - column: NennweiteDn 
    - column: Hinweise 
    - column: Material 
    - column: Rohrabschnitt 
    - column: InstallationsOrt 
    - column: IstBetriebsbereit 
    - column: Baujahr 
The table should have the title "Hydrants" und the data must be loaded from the server with the following relative URL: 
    "/MaterialService/hydrant/material/{id}" 
Add a HTML table to the view with the following MaterialEinschraenkung columns: 
    - column: Material 
    - column: GueltigBis 
    - column: Land 
    - column: Hinweise 
    - column: GueltigVon 
    - column: Einschraenkungsart 
    - column: Rechtsgrundlage 
The table should have the title "MaterialEinschraenkungs" und the data must be loaded from the server with the following relative URL: 
    "/LandService/materialeinschraenkung/material/{id}" 
Add a HTML table to the view with the following Rohrabschnitt columns: 
    - column: Baujahr 
    - column: InstallationsOrt 
    - column: LaengeM 
    - column: AussendurchmesserMm 
    - column: Material 
    - column: MaxBetriebsdruckBar 
    - column: IstUnterirdisch 
    - column: NennweiteDn 
    - column: Wasserleitung 
    - column: InnendurchmesserMm 
    - column: Hinweise 
The table should have the title "Rohrabschnitts" und the data must be loaded from the server with the following relative URL: 
    "/RohrabschnittService/rohrabschnitt/material/{id}" 
Add a HTML table to the view with the following Formstueck columns: 
    - column: Hinweise 
    - column: NennweiteDn 
    - column: Material 
    - column: Rohrabschnitt 
    - column: FormstueckTyp 
The table should have the title "Formstuecks" und the data must be loaded from the server with the following relative URL: 
    "/MaterialService/formstueck/material/{id}" 
Add a HTML table to the view with the following Ersatz columns: 
    - column: Material 
    - column: Grund 
    - column: Rohrabschnitt 
    - column: Beschreibung 
    - column: ErsatzDatum 
The table should have the title "Ersatzs" und the data must be loaded from the server with the following relative URL: 
    "/MaterialService/ersatz/material/{id}" 
Add a HTML table to the view with the following Ventil columns: 
    - column: Rohrabschnitt 
    - column: InstallationsOrt 
    - column: NennweiteDn 
    - column: Hinweise 
    - column: Material 
    - column: IstNormalOffen 
    - column: VentilTyp 
    - column: Baujahr 
The table should have the title "Ventils" und the data must be loaded from the server with the following relative URL: 
    "/InstallationsOrtService/ventil/material/{id}"