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. BrueckenBauteilView 
    2. FahrbahnuebergangstypView 
    3. MaterialView 
    4. SchutzsystemView 
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 BrueckenBauteilView must contain the following fields: 
    - name: Bauteiltyp   type: Bauteiltyp 
    - name: Beschreibung   type: STRING 
    - name: Bruecke   type: Bruecke 
    - name: Decksystem   type: Decksystem 
    - name: Fahrbahnuebergangstyp   type: Fahrbahnuebergangstyp 
    - name: Gelaendersystem   type: Gelaendersystem 
    - name: Gruendungstyp   type: Gruendungstyp 
    - name: Lagertyp   type: Lagertyp 
    - name: Material   type: Material 
    - name: Schutzsystem   type: Schutzsystem 
The data source for the [Lagertyp] select control should be loaded from the relative URL: 
    "/LagertypService/lagertyp"   (HTTP-GET) 
The data source for the [Schutzsystem] select control should be loaded from the relative URL: 
    "/MaterialService/schutzsystem"   (HTTP-GET) 
The data source for the [Fahrbahnuebergangstyp] select control should be loaded from the relative URL: 
    "/MaterialService/fahrbahnuebergangstyp"   (HTTP-GET) 
The data source for the [Decksystem] select control should be loaded from the relative URL: 
    "/OrtService/decksystem"   (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 [Gelaendersystem] select control should be loaded from the relative URL: 
    "/GelaendersystemService/gelaendersystem"   (HTTP-GET) 
The data source for the [Gruendungstyp] select control should be loaded from the relative URL: 
    "/GruendungstypService/gruendungstyp"   (HTTP-GET) 
The data source for the [Bauteiltyp] select control should be loaded from the relative URL: 
    "/GelaendersystemService/bauteiltyp"   (HTTP-GET) 
The data source for the [Bruecke] select control should be loaded from the relative URL: 
    "/BrueckeService/bruecke"   (HTTP-GET) 
An existing BrueckenBauteil entity should be loaded from the relative URL: 
    "/MaterialService/brueckenbauteil/{id}"   (HTTP-GET) 
If a new BrueckenBauteil entity has been created, the new entity should be posted to the relative URL: 
    "/MaterialService/brueckenbauteil"   (HTTP-POST) 
If an existing BrueckenBauteil entity has been updated, the modified entity should be sent to the relative URL: 
    "/MaterialService/brueckenbauteil/{id}"   (HTTP-PUT) 
If an existing BrueckenBauteil entity has to be deleted, the following relative URL should be called: 
    "/MaterialService/brueckenbauteil/{id}"   (HTTP-DELETE)

2. The FahrbahnuebergangstypView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Name   type: STRING 
An existing Fahrbahnuebergangstyp entity should be loaded from the relative URL: 
    "/MaterialService/fahrbahnuebergangstyp/{id}"   (HTTP-GET) 
If a new Fahrbahnuebergangstyp entity has been created, the new entity should be posted to the relative URL: 
    "/MaterialService/fahrbahnuebergangstyp"   (HTTP-POST) 
If an existing Fahrbahnuebergangstyp entity has been updated, the modified entity should be sent to the relative URL: 
    "/MaterialService/fahrbahnuebergangstyp/{id}"   (HTTP-PUT) 
If an existing Fahrbahnuebergangstyp entity has to be deleted, the following relative URL should be called: 
    "/MaterialService/fahrbahnuebergangstyp/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following BrueckenBauteil columns: 
    - column: Gruendungstyp 
    - column: Lagertyp 
    - column: Fahrbahnuebergangstyp 
    - column: Schutzsystem 
    - column: Bauteiltyp 
    - column: Beschreibung 
    - column: Gelaendersystem 
    - column: Bruecke 
    - column: Material 
    - column: Decksystem 
The table should have the title "BrueckenBauteils" und the data must be loaded from the server with the following relative URL: 
    "/MaterialService/brueckenbauteil/fahrbahnuebergangstyp/{id}"

3. The MaterialView must contain the following fields: 
    - name: Beschreibung   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 Pylon columns: 
    - column: HoeheMeter 
    - column: Bruecke 
    - column: Material 
    - column: Pylontyp 
    - column: Beschreibung 
The table should have the title "Pylons" und the data must be loaded from the server with the following relative URL: 
    "/GelaendersystemService/pylon/material/{id}" 
Add a HTML table to the view with the following Bruecke columns: 
    - column: BreiteMeter 
    - column: Name 
    - column: Eroeffnung 
    - column: Beschreibung 
    - column: LaengeMeter 
    - column: Baujahr 
    - column: Tragwerkssystem 
    - column: Wasserlauf 
    - column: BeweglichesBrueckensystem 
    - column: Material 
    - column: HauptspannweiteMeter 
    - column: IstBeweglich 
    - column: AnzahlFelder 
    - column: LichtraumhoeheMeter 
    - column: Ort 
The table should have the title "Brueckes" und the data must be loaded from the server with the following relative URL: 
    "/BrueckeService/bruecke/material/{id}" 
Add a HTML table to the view with the following BrueckenBauteil columns: 
    - column: Gruendungstyp 
    - column: Lagertyp 
    - column: Fahrbahnuebergangstyp 
    - column: Schutzsystem 
    - column: Bauteiltyp 
    - column: Beschreibung 
    - column: Gelaendersystem 
    - column: Bruecke 
    - column: Material 
    - column: Decksystem 
The table should have the title "BrueckenBauteils" und the data must be loaded from the server with the following relative URL: 
    "/MaterialService/brueckenbauteil/material/{id}"

4. The SchutzsystemView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Name   type: STRING 
An existing Schutzsystem entity should be loaded from the relative URL: 
    "/MaterialService/schutzsystem/{id}"   (HTTP-GET) 
If a new Schutzsystem entity has been created, the new entity should be posted to the relative URL: 
    "/MaterialService/schutzsystem"   (HTTP-POST) 
If an existing Schutzsystem entity has been updated, the modified entity should be sent to the relative URL: 
    "/MaterialService/schutzsystem/{id}"   (HTTP-PUT) 
If an existing Schutzsystem entity has to be deleted, the following relative URL should be called: 
    "/MaterialService/schutzsystem/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following BrueckenBauteil columns: 
    - column: Gruendungstyp 
    - column: Lagertyp 
    - column: Fahrbahnuebergangstyp 
    - column: Schutzsystem 
    - column: Bauteiltyp 
    - column: Beschreibung 
    - column: Gelaendersystem 
    - column: Bruecke 
    - column: Material 
    - column: Decksystem 
The table should have the title "BrueckenBauteils" und the data must be loaded from the server with the following relative URL: 
    "/MaterialService/brueckenbauteil/schutzsystem/{id}"