Prompt for the SpeicherGeraetApp

Please create a React-JS application for the SpeicherGeraetModule. The application  has to offer the following views for the user interface: 
    1. GeraetAnodeView 
    2. GeraetNormView 
    3. GeraetSicherheitsKomponenteView 
    4. SpeicherGeraetView 
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 GeraetAnodeView must contain the following fields: 
    - name: AnodenTyp   type: AnodenTyp 
    - name: IstErforderlich   type: BOOL 
    - name: SpeicherGeraet   type: SpeicherGeraet 
The data source for the [SpeicherGeraet] select control should be loaded from the relative URL: 
    "/SpeicherGeraetService/speichergeraet"   (HTTP-GET) 
The data source for the [AnodenTyp] select control should be loaded from the relative URL: 
    "/AnodenTypService/anodentyp"   (HTTP-GET) 
An existing GeraetAnode entity should be loaded from the relative URL: 
    "/SpeicherGeraetService/geraetanode/{id}"   (HTTP-GET) 
If a new GeraetAnode entity has been created, the new entity should be posted to the relative URL: 
    "/SpeicherGeraetService/geraetanode"   (HTTP-POST) 
If an existing GeraetAnode entity has been updated, the modified entity should be sent to the relative URL: 
    "/SpeicherGeraetService/geraetanode/{id}"   (HTTP-PUT) 
If an existing GeraetAnode entity has to be deleted, the following relative URL should be called: 
    "/SpeicherGeraetService/geraetanode/{id}"   (HTTP-DELETE)

2. The GeraetNormView must contain the following fields: 
    - name: Norm   type: Norm 
    - name: SpeicherGeraet   type: SpeicherGeraet 
The data source for the [SpeicherGeraet] select control should be loaded from the relative URL: 
    "/SpeicherGeraetService/speichergeraet"   (HTTP-GET) 
The data source for the [Norm] select control should be loaded from the relative URL: 
    "/AnwendungService/norm"   (HTTP-GET) 
An existing GeraetNorm entity should be loaded from the relative URL: 
    "/SpeicherGeraetService/geraetnorm/{id}"   (HTTP-GET) 
If a new GeraetNorm entity has been created, the new entity should be posted to the relative URL: 
    "/SpeicherGeraetService/geraetnorm"   (HTTP-POST) 
If an existing GeraetNorm entity has been updated, the modified entity should be sent to the relative URL: 
    "/SpeicherGeraetService/geraetnorm/{id}"   (HTTP-PUT) 
If an existing GeraetNorm entity has to be deleted, the following relative URL should be called: 
    "/SpeicherGeraetService/geraetnorm/{id}"   (HTTP-DELETE)

3. The GeraetSicherheitsKomponenteView must contain the following fields: 
    - name: EinbauOrt   type: STRING 
    - name: IstPflicht   type: BOOL 
    - name: SicherheitsKomponente   type: SicherheitsKomponente 
    - name: SpeicherGeraet   type: SpeicherGeraet 
The data source for the [SpeicherGeraet] select control should be loaded from the relative URL: 
    "/SpeicherGeraetService/speichergeraet"   (HTTP-GET) 
The data source for the [SicherheitsKomponente] select control should be loaded from the relative URL: 
    "/HydraulikAnschlussService/sicherheitskomponente"   (HTTP-GET) 
An existing GeraetSicherheitsKomponente entity should be loaded from the relative URL: 
    "/SpeicherGeraetService/geraetsicherheitskomponente/{id}"   (HTTP-GET) 
If a new GeraetSicherheitsKomponente entity has been created, the new entity should be posted to the relative URL: 
    "/SpeicherGeraetService/geraetsicherheitskomponente"   (HTTP-POST) 
If an existing GeraetSicherheitsKomponente entity has been updated, the modified entity should be sent to the relative URL: 
    "/SpeicherGeraetService/geraetsicherheitskomponente/{id}"   (HTTP-PUT) 
If an existing GeraetSicherheitsKomponente entity has to be deleted, the following relative URL should be called: 
    "/SpeicherGeraetService/geraetsicherheitskomponente/{id}"   (HTTP-DELETE)

4. The SpeicherGeraetView must contain the following fields: 
    - name: Bauart   type: Bauart 
    - name: Beschreibung   type: STRING 
    - name: HatHeizstab   type: BOOL 
    - name: HatWaermetauscher   type: BOOL 
    - name: IstDirektentnahme   type: BOOL 
    - name: IstNurPuffer   type: BOOL 
    - name: IstSolarBereit   type: BOOL 
    - name: IstTrinkwassergeeignet   type: BOOL 
    - name: KalkVerhalten   type: KalkVerhalten 
    - name: LegionellenRisikoProfil   type: LegionellenRisikoProfil 
    - name: MaxBetriebstemperatur   type: STRING 
    - name: MinBetriebstemperatur   type: STRING 
    - name: Name   type: STRING 
    - name: SchichtungsDesign   type: SchichtungsDesign 
    - name: SpeicherKategorie   type: SpeicherKategorie 
    - name: VolumenLiter   type: STRING 
The data source for the [Bauart] select control should be loaded from the relative URL: 
    "/AnwendungService/bauart"   (HTTP-GET) 
The data source for the [SpeicherKategorie] select control should be loaded from the relative URL: 
    "/SteuerungsTypService/speicherkategorie"   (HTTP-GET) 
The data source for the [KalkVerhalten] select control should be loaded from the relative URL: 
    "/KalkVerhaltenService/kalkverhalten"   (HTTP-GET) 
The data source for the [LegionellenRisikoProfil] select control should be loaded from the relative URL: 
    "/EffizienzKlasseService/legionellenrisikoprofil"   (HTTP-GET) 
The data source for the [SchichtungsDesign] select control should be loaded from the relative URL: 
    "/MaterialService/schichtungsdesign"   (HTTP-GET) 
An existing SpeicherGeraet entity should be loaded from the relative URL: 
    "/SpeicherGeraetService/speichergeraet/{id}"   (HTTP-GET) 
If a new SpeicherGeraet entity has been created, the new entity should be posted to the relative URL: 
    "/SpeicherGeraetService/speichergeraet"   (HTTP-POST) 
If an existing SpeicherGeraet entity has been updated, the modified entity should be sent to the relative URL: 
    "/SpeicherGeraetService/speichergeraet/{id}"   (HTTP-PUT) 
If an existing SpeicherGeraet entity has to be deleted, the following relative URL should be called: 
    "/SpeicherGeraetService/speichergeraet/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following GeraetMaterial columns: 
    - column: IstBehaelterMaterial 
    - column: SpeicherGeraet 
    - column: IstWaermetauscherMaterial 
    - column: Material 
The table should have the title "GeraetMaterials" und the data must be loaded from the server with the following relative URL: 
    "/MaterialService/geraetmaterial/speichergeraet/{id}" 
Add a HTML table to the view with the following GeraetAnwendung columns: 
    - column: Anwendung 
    - column: SpeicherGeraet 
The table should have the title "GeraetAnwendungs" und the data must be loaded from the server with the following relative URL: 
    "/AnwendungService/geraetanwendung/speichergeraet/{id}" 
Add a HTML table to the view with the following GeraetSteuerung columns: 
    - column: SteuerungsTyp 
    - column: SpeicherGeraet 
The table should have the title "GeraetSteuerungs" und the data must be loaded from the server with the following relative URL: 
    "/SteuerungsTypService/geraetsteuerung/speichergeraet/{id}" 
Add a HTML table to the view with the following GeraetSicherheitsKomponente columns: 
    - column: IstPflicht 
    - column: EinbauOrt 
    - column: SicherheitsKomponente 
    - column: SpeicherGeraet 
The table should have the title "GeraetSicherheitsKomponentes" und the data must be loaded from the server with the following relative URL: 
    "/SpeicherGeraetService/geraetsicherheitskomponente/speichergeraet/{id}" 
Add a HTML table to the view with the following GeraetEffizienz columns: 
    - column: SpeicherGeraet 
    - column: EffizienzKlasse 
    - column: BereitschaftsverlustW 
The table should have the title "GeraetEffizienzs" und the data must be loaded from the server with the following relative URL: 
    "/EffizienzKlasseService/geraeteffizienz/speichergeraet/{id}" 
Add a HTML table to the view with the following GeraetAnode columns: 
    - column: AnodenTyp 
    - column: SpeicherGeraet 
    - column: IstErforderlich 
The table should have the title "GeraetAnodes" und the data must be loaded from the server with the following relative URL: 
    "/SpeicherGeraetService/geraetanode/speichergeraet/{id}" 
Add a HTML table to the view with the following GeraetHydraulikAnschluss columns: 
    - column: HydraulikAnschluss 
    - column: NennweiteMm 
    - column: SpeicherGeraet 
    - column: IstInstalliert 
The table should have the title "GeraetHydraulikAnschlusss" und the data must be loaded from the server with the following relative URL: 
    "/HydraulikAnschlussService/geraethydraulikanschluss/speichergeraet/{id}" 
Add a HTML table to the view with the following GeraetNorm columns: 
    - column: Norm 
    - column: SpeicherGeraet 
The table should have the title "GeraetNorms" und the data must be loaded from the server with the following relative URL: 
    "/SpeicherGeraetService/geraetnorm/speichergeraet/{id}" 
Add a HTML table to the view with the following GeraetInstallationsArt columns: 
    - column: SpeicherGeraet 
    - column: InstallationsArt 
The table should have the title "GeraetInstallationsArts" und the data must be loaded from the server with the following relative URL: 
    "/KalkVerhaltenService/geraetinstallationsart/speichergeraet/{id}" 
Add a HTML table to the view with the following GeraetEnergieQuelle columns: 
    - column: IstPrimaer 
    - column: SpeicherGeraet 
    - column: EnergieQuelle 
The table should have the title "GeraetEnergieQuelles" und the data must be loaded from the server with the following relative URL: 
    "/AnodenTypService/geraetenergiequelle/speichergeraet/{id}"