Prompt for the KraftstoffArtApp

Please create a React-JS application for the KraftstoffArtModule. The application  has to offer the following views for the user interface: 
    1. GasSpeicherView 
    2. KraftstoffArtView 
    3. WasserstoffSystemView 
    4. ZapfsaeuleView 
    5. ZapfventilView 
The views have to be reachable for the user via a menu list at the left side of each view. The requirements for the 5 views are defined below.

1. The GasSpeicherView must contain the following fields: 
    - name: Druckstufe   type: STRING 
    - name: IstUnterirdisch   type: BOOL 
    - name: Kapazitaet   type: STRING 
    - name: KraftstoffArt   type: KraftstoffArt 
    - name: SpeicherTyp   type: STRING 
    - name: Tankstelle   type: Tankstelle 
The data source for the [KraftstoffArt] select control should be loaded from the relative URL: 
    "/KraftstoffArtService/kraftstoffart"   (HTTP-GET) 
The data source for the [Tankstelle] select control should be loaded from the relative URL: 
    "/TankstelleService/tankstelle"   (HTTP-GET) 
An existing GasSpeicher entity should be loaded from the relative URL: 
    "/KraftstoffArtService/gasspeicher/{id}"   (HTTP-GET) 
If a new GasSpeicher entity has been created, the new entity should be posted to the relative URL: 
    "/KraftstoffArtService/gasspeicher"   (HTTP-POST) 
If an existing GasSpeicher entity has been updated, the modified entity should be sent to the relative URL: 
    "/KraftstoffArtService/gasspeicher/{id}"   (HTTP-PUT) 
If an existing GasSpeicher entity has to be deleted, the following relative URL should be called: 
    "/KraftstoffArtService/gasspeicher/{id}"   (HTTP-DELETE)

2. The KraftstoffArtView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Code   type: STRING 
    - name: EnergieDichte   type: STRING 
    - name: IstElektrisch   type: BOOL 
    - name: IstFluessig   type: BOOL 
    - name: IstGasfoermig   type: BOOL 
    - name: Name   type: STRING 
    - name: Oktanzahl   type: INT 
An existing KraftstoffArt entity should be loaded from the relative URL: 
    "/KraftstoffArtService/kraftstoffart/{id}"   (HTTP-GET) 
If a new KraftstoffArt entity has been created, the new entity should be posted to the relative URL: 
    "/KraftstoffArtService/kraftstoffart"   (HTTP-POST) 
If an existing KraftstoffArt entity has been updated, the modified entity should be sent to the relative URL: 
    "/KraftstoffArtService/kraftstoffart/{id}"   (HTTP-PUT) 
If an existing KraftstoffArt entity has to be deleted, the following relative URL should be called: 
    "/KraftstoffArtService/kraftstoffart/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following WasserstoffSystem columns: 
    - column: Tankstelle 
    - column: HatVorkuehlung 
    - column: MaxDruckBar 
    - column: SpeicherKapazitaet 
    - column: KraftstoffArt 
The table should have the title "WasserstoffSystems" und the data must be loaded from the server with the following relative URL: 
    "/KraftstoffArtService/wasserstoffsystem/kraftstoffart/{id}" 
Add a HTML table to the view with the following Zapfventil columns: 
    - column: Zapfsaeule 
    - column: MaxDurchflussrate 
    - column: KraftstoffArt 
    - column: VentilCode 
    - column: IstHochleistung 
The table should have the title "Zapfventils" und the data must be loaded from the server with the following relative URL: 
    "/KraftstoffArtService/zapfventil/kraftstoffart/{id}" 
Add a HTML table to the view with the following GasSpeicher columns: 
    - column: IstUnterirdisch 
    - column: SpeicherTyp 
    - column: Kapazitaet 
    - column: Tankstelle 
    - column: KraftstoffArt 
    - column: Druckstufe 
The table should have the title "GasSpeichers" und the data must be loaded from the server with the following relative URL: 
    "/KraftstoffArtService/gasspeicher/kraftstoffart/{id}" 
Add a HTML table to the view with the following KraftstoffPreis columns: 
    - column: PreisProLiter 
    - column: KraftstoffArt 
    - column: GueltigBis 
    - column: GueltigVon 
    - column: Waehrung 
    - column: Quelle 
    - column: Tankstelle 
The table should have the title "KraftstoffPreiss" und the data must be loaded from the server with the following relative URL: 
    "/TankstelleService/kraftstoffpreis/kraftstoffart/{id}"

3. The WasserstoffSystemView must contain the following fields: 
    - name: HatVorkuehlung   type: BOOL 
    - name: KraftstoffArt   type: KraftstoffArt 
    - name: MaxDruckBar   type: STRING 
    - name: SpeicherKapazitaet   type: STRING 
    - name: Tankstelle   type: Tankstelle 
The data source for the [KraftstoffArt] select control should be loaded from the relative URL: 
    "/KraftstoffArtService/kraftstoffart"   (HTTP-GET) 
The data source for the [Tankstelle] select control should be loaded from the relative URL: 
    "/TankstelleService/tankstelle"   (HTTP-GET) 
An existing WasserstoffSystem entity should be loaded from the relative URL: 
    "/KraftstoffArtService/wasserstoffsystem/{id}"   (HTTP-GET) 
If a new WasserstoffSystem entity has been created, the new entity should be posted to the relative URL: 
    "/KraftstoffArtService/wasserstoffsystem"   (HTTP-POST) 
If an existing WasserstoffSystem entity has been updated, the modified entity should be sent to the relative URL: 
    "/KraftstoffArtService/wasserstoffsystem/{id}"   (HTTP-PUT) 
If an existing WasserstoffSystem entity has to be deleted, the following relative URL should be called: 
    "/KraftstoffArtService/wasserstoffsystem/{id}"   (HTTP-DELETE)

4. The ZapfsaeuleView must contain the following fields: 
    - name: Bezeichnung   type: STRING 
    - name: IstLkwGeeignet   type: BOOL 
    - name: PositionIndex   type: INT 
    - name: Tankstelle   type: Tankstelle 
The data source for the [Tankstelle] select control should be loaded from the relative URL: 
    "/TankstelleService/tankstelle"   (HTTP-GET) 
An existing Zapfsaeule entity should be loaded from the relative URL: 
    "/KraftstoffArtService/zapfsaeule/{id}"   (HTTP-GET) 
If a new Zapfsaeule entity has been created, the new entity should be posted to the relative URL: 
    "/KraftstoffArtService/zapfsaeule"   (HTTP-POST) 
If an existing Zapfsaeule entity has been updated, the modified entity should be sent to the relative URL: 
    "/KraftstoffArtService/zapfsaeule/{id}"   (HTTP-PUT) 
If an existing Zapfsaeule entity has to be deleted, the following relative URL should be called: 
    "/KraftstoffArtService/zapfsaeule/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Zapfventil columns: 
    - column: Zapfsaeule 
    - column: MaxDurchflussrate 
    - column: KraftstoffArt 
    - column: VentilCode 
    - column: IstHochleistung 
The table should have the title "Zapfventils" und the data must be loaded from the server with the following relative URL: 
    "/KraftstoffArtService/zapfventil/zapfsaeule/{id}"

5. The ZapfventilView must contain the following fields: 
    - name: IstHochleistung   type: BOOL 
    - name: KraftstoffArt   type: KraftstoffArt 
    - name: MaxDurchflussrate   type: STRING 
    - name: VentilCode   type: STRING 
    - name: Zapfsaeule   type: Zapfsaeule 
The data source for the [KraftstoffArt] select control should be loaded from the relative URL: 
    "/KraftstoffArtService/kraftstoffart"   (HTTP-GET) 
The data source for the [Zapfsaeule] select control should be loaded from the relative URL: 
    "/KraftstoffArtService/zapfsaeule"   (HTTP-GET) 
An existing Zapfventil entity should be loaded from the relative URL: 
    "/KraftstoffArtService/zapfventil/{id}"   (HTTP-GET) 
If a new Zapfventil entity has been created, the new entity should be posted to the relative URL: 
    "/KraftstoffArtService/zapfventil"   (HTTP-POST) 
If an existing Zapfventil entity has been updated, the modified entity should be sent to the relative URL: 
    "/KraftstoffArtService/zapfventil/{id}"   (HTTP-PUT) 
If an existing Zapfventil entity has to be deleted, the following relative URL should be called: 
    "/KraftstoffArtService/zapfventil/{id}"   (HTTP-DELETE)