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. KraftstoffPreisView 
The views have to be reachable for the user via a menu list at the left side of each view. The requirements for the 3 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: HatVorkuehlung 
    - column: KraftstoffArt 
    - column: MaxDruckBar 
    - column: Tankstelle 
    - column: SpeicherKapazitaet 
The table should have the title "WasserstoffSystems" und the data must be loaded from the server with the following relative URL: 
    "/VorfallArtService/wasserstoffsystem/kraftstoffart/{id}" 
Add a HTML table to the view with the following Zapfventil columns: 
    - column: KraftstoffArt 
    - column: Zapfsaeule 
    - column: MaxDurchflussrate 
    - 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: 
    "/ZapfsaeuleService/zapfventil/kraftstoffart/{id}" 
Add a HTML table to the view with the following KraftstoffPreis columns: 
    - column: KraftstoffArt 
    - column: GueltigVon 
    - column: GueltigBis 
    - column: Quelle 
    - column: Tankstelle 
    - column: Waehrung 
    - column: PreisProLiter 
The table should have the title "KraftstoffPreiss" und the data must be loaded from the server with the following relative URL: 
    "/KraftstoffArtService/kraftstoffpreis/kraftstoffart/{id}" 
Add a HTML table to the view with the following GasSpeicher columns: 
    - column: IstUnterirdisch 
    - column: KraftstoffArt 
    - column: SpeicherTyp 
    - column: Druckstufe 
    - column: Tankstelle 
    - column: Kapazitaet 
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}"

3. The KraftstoffPreisView must contain the following fields: 
    - name: GueltigBis   type: DATE 
    - name: GueltigVon   type: DATE 
    - name: KraftstoffArt   type: KraftstoffArt 
    - name: PreisProLiter   type: STRING 
    - name: Quelle   type: STRING 
    - name: Tankstelle   type: Tankstelle 
    - name: Waehrung   type: STRING 
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 KraftstoffPreis entity should be loaded from the relative URL: 
    "/KraftstoffArtService/kraftstoffpreis/{id}"   (HTTP-GET) 
If a new KraftstoffPreis entity has been created, the new entity should be posted to the relative URL: 
    "/KraftstoffArtService/kraftstoffpreis"   (HTTP-POST) 
If an existing KraftstoffPreis entity has been updated, the modified entity should be sent to the relative URL: 
    "/KraftstoffArtService/kraftstoffpreis/{id}"   (HTTP-PUT) 
If an existing KraftstoffPreis entity has to be deleted, the following relative URL should be called: 
    "/KraftstoffArtService/kraftstoffpreis/{id}"   (HTTP-DELETE)