Prompt for the HydraulikAnschlussApp

Please create a React-JS application for the HydraulikAnschlussModule. The application  has to offer the following views for the user interface: 
    1. AnodenTypView 
    2. GeraetHydraulikAnschlussView 
    3. HydraulikAnschlussView 
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 AnodenTypView must contain the following fields: 
    - name: Name   type: STRING 
An existing AnodenTyp entity should be loaded from the relative URL: 
    "/HydraulikAnschlussService/anodentyp/{id}"   (HTTP-GET) 
If a new AnodenTyp entity has been created, the new entity should be posted to the relative URL: 
    "/HydraulikAnschlussService/anodentyp"   (HTTP-POST) 
If an existing AnodenTyp entity has been updated, the modified entity should be sent to the relative URL: 
    "/HydraulikAnschlussService/anodentyp/{id}"   (HTTP-PUT) 
If an existing AnodenTyp entity has to be deleted, the following relative URL should be called: 
    "/HydraulikAnschlussService/anodentyp/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following GeraetAnode columns: 
    - column: AnodenTyp 
    - column: IstErforderlich 
    - column: SpeicherGeraet 
The table should have the title "GeraetAnodes" und the data must be loaded from the server with the following relative URL: 
    "/SpeicherGeraetService/geraetanode/anodentyp/{id}"

2. The GeraetHydraulikAnschlussView must contain the following fields: 
    - name: HydraulikAnschluss   type: HydraulikAnschluss 
    - name: IstInstalliert   type: BOOL 
    - name: NennweiteMm   type: STRING 
    - name: SpeicherGeraet   type: SpeicherGeraet 
The data source for the [HydraulikAnschluss] select control should be loaded from the relative URL: 
    "/HydraulikAnschlussService/hydraulikanschluss"   (HTTP-GET) 
The data source for the [SpeicherGeraet] select control should be loaded from the relative URL: 
    "/SpeicherGeraetService/speichergeraet"   (HTTP-GET) 
An existing GeraetHydraulikAnschluss entity should be loaded from the relative URL: 
    "/HydraulikAnschlussService/geraethydraulikanschluss/{id}"   (HTTP-GET) 
If a new GeraetHydraulikAnschluss entity has been created, the new entity should be posted to the relative URL: 
    "/HydraulikAnschlussService/geraethydraulikanschluss"   (HTTP-POST) 
If an existing GeraetHydraulikAnschluss entity has been updated, the modified entity should be sent to the relative URL: 
    "/HydraulikAnschlussService/geraethydraulikanschluss/{id}"   (HTTP-PUT) 
If an existing GeraetHydraulikAnschluss entity has to be deleted, the following relative URL should be called: 
    "/HydraulikAnschlussService/geraethydraulikanschluss/{id}"   (HTTP-DELETE)

3. The HydraulikAnschlussView must contain the following fields: 
    - name: GewindeZoll   type: STRING 
    - name: IstPflicht   type: BOOL 
    - name: Name   type: STRING 
An existing HydraulikAnschluss entity should be loaded from the relative URL: 
    "/HydraulikAnschlussService/hydraulikanschluss/{id}"   (HTTP-GET) 
If a new HydraulikAnschluss entity has been created, the new entity should be posted to the relative URL: 
    "/HydraulikAnschlussService/hydraulikanschluss"   (HTTP-POST) 
If an existing HydraulikAnschluss entity has been updated, the modified entity should be sent to the relative URL: 
    "/HydraulikAnschlussService/hydraulikanschluss/{id}"   (HTTP-PUT) 
If an existing HydraulikAnschluss entity has to be deleted, the following relative URL should be called: 
    "/HydraulikAnschlussService/hydraulikanschluss/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following GeraetHydraulikAnschluss columns: 
    - column: IstInstalliert 
    - column: HydraulikAnschluss 
    - column: NennweiteMm 
    - column: SpeicherGeraet 
The table should have the title "GeraetHydraulikAnschlusss" und the data must be loaded from the server with the following relative URL: 
    "/HydraulikAnschlussService/geraethydraulikanschluss/hydraulikanschluss/{id}"