Prompt for the LochApp

Please create a React-JS application for the LochModule. The application  has to offer the following views for the user interface: 
    1. BunkerView 
    2. GruenView 
    3. LochView 
    4. RoughView 
    5. UebungsanlageView 
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 BunkerView must contain the following fields: 
    - name: FlaecheQm   type: LONG 
    - name: IstTopfbunker   type: BOOL 
    - name: Loch   type: Loch 
    - name: PositionBeschreibung   type: STRING 
    - name: Typ   type: STRING 
The data source for the [Loch] select control should be loaded from the relative URL: 
    "/LochService/loch"   (HTTP-GET) 
An existing Bunker entity should be loaded from the relative URL: 
    "/LochService/bunker/{id}"   (HTTP-GET) 
If a new Bunker entity has been created, the new entity should be posted to the relative URL: 
    "/LochService/bunker"   (HTTP-POST) 
If an existing Bunker entity has been updated, the modified entity should be sent to the relative URL: 
    "/LochService/bunker/{id}"   (HTTP-PUT) 
If an existing Bunker entity has to be deleted, the following relative URL should be called: 
    "/LochService/bunker/{id}"   (HTTP-DELETE)

2. The GruenView must contain the following fields: 
    - name: FlaecheQm   type: LONG 
    - name: Grasart   type: STRING 
    - name: Loch   type: Loch 
    - name: Mehrstufig   type: BOOL 
    - name: Stimpwert   type: STRING 
    - name: UmgebungBeschreibung   type: STRING 
The data source for the [Loch] select control should be loaded from the relative URL: 
    "/LochService/loch"   (HTTP-GET) 
An existing Gruen entity should be loaded from the relative URL: 
    "/LochService/gruen/{id}"   (HTTP-GET) 
If a new Gruen entity has been created, the new entity should be posted to the relative URL: 
    "/LochService/gruen"   (HTTP-POST) 
If an existing Gruen entity has been updated, the modified entity should be sent to the relative URL: 
    "/LochService/gruen/{id}"   (HTTP-PUT) 
If an existing Gruen entity has to be deleted, the following relative URL should be called: 
    "/LochService/gruen/{id}"   (HTTP-DELETE)

3. The LochView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Golfplatz   type: Golfplatz 
    - name: LaengeMeter   type: LONG 
    - name: Name   type: STRING 
    - name: Nummer   type: LONG 
    - name: Par   type: LONG 
    - name: Vorgabe   type: LONG 
The data source for the [Golfplatz] select control should be loaded from the relative URL: 
    "/GolfplatzService/golfplatz"   (HTTP-GET) 
An existing Loch entity should be loaded from the relative URL: 
    "/LochService/loch/{id}"   (HTTP-GET) 
If a new Loch entity has been created, the new entity should be posted to the relative URL: 
    "/LochService/loch"   (HTTP-POST) 
If an existing Loch entity has been updated, the modified entity should be sent to the relative URL: 
    "/LochService/loch/{id}"   (HTTP-PUT) 
If an existing Loch entity has to be deleted, the following relative URL should be called: 
    "/LochService/loch/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Abschlag columns: 
    - column: Geschlecht 
    - column: Name 
    - column: LaengeMeter 
    - column: Loch 
    - column: Farbe 
The table should have the title "Abschlags" und the data must be loaded from the server with the following relative URL: 
    "/AbschlagService/abschlag/loch/{id}" 
Add a HTML table to the view with the following Rough columns: 
    - column: Grasart 
    - column: Beschreibung 
    - column: Loch 
    - column: Typ 
    - column: Pflegegrad 
The table should have the title "Roughs" und the data must be loaded from the server with the following relative URL: 
    "/LochService/rough/loch/{id}" 
Add a HTML table to the view with the following Fairway columns: 
    - column: BreiteMeter 
    - column: LaengeMeter 
    - column: GefaelleBeschreibung 
    - column: Loch 
    - column: HatDogleg 
    - column: Grasart 
The table should have the title "Fairways" und the data must be loaded from the server with the following relative URL: 
    "/TurnierService/fairway/loch/{id}" 
Add a HTML table to the view with the following Wasserhindernis columns: 
    - column: Geschuetzt 
    - column: Loch 
    - column: Seitlich 
    - column: PositionBeschreibung 
    - column: Typ 
The table should have the title "Wasserhinderniss" und the data must be loaded from the server with the following relative URL: 
    "/GolfplatzService/wasserhindernis/loch/{id}" 
Add a HTML table to the view with the following Bunker columns: 
    - column: Loch 
    - column: FlaecheQm 
    - column: PositionBeschreibung 
    - column: Typ 
    - column: IstTopfbunker 
The table should have the title "Bunkers" und the data must be loaded from the server with the following relative URL: 
    "/LochService/bunker/loch/{id}" 
Add a HTML table to the view with the following Gruen columns: 
    - column: Stimpwert 
    - column: UmgebungBeschreibung 
    - column: FlaecheQm 
    - column: Grasart 
    - column: Loch 
    - column: Mehrstufig 
The table should have the title "Gruens" und the data must be loaded from the server with the following relative URL: 
    "/LochService/gruen/loch/{id}"

4. The RoughView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Grasart   type: STRING 
    - name: Loch   type: Loch 
    - name: Pflegegrad   type: STRING 
    - name: Typ   type: STRING 
The data source for the [Loch] select control should be loaded from the relative URL: 
    "/LochService/loch"   (HTTP-GET) 
An existing Rough entity should be loaded from the relative URL: 
    "/LochService/rough/{id}"   (HTTP-GET) 
If a new Rough entity has been created, the new entity should be posted to the relative URL: 
    "/LochService/rough"   (HTTP-POST) 
If an existing Rough entity has been updated, the modified entity should be sent to the relative URL: 
    "/LochService/rough/{id}"   (HTTP-PUT) 
If an existing Rough entity has to be deleted, the following relative URL should be called: 
    "/LochService/rough/{id}"   (HTTP-DELETE)

5. The UebungsanlageView must contain the following fields: 
    - name: AnzahlMatten   type: LONG 
    - name: AnzahlRasenAbschlaege   type: LONG 
    - name: AnzahlUeberdachteAbschlaege   type: LONG 
    - name: Beschreibung   type: STRING 
    - name: Flutlicht   type: BOOL 
    - name: Golfplatz   type: Golfplatz 
    - name: MaxDistanzMeter   type: LONG 
    - name: Typ   type: STRING 
The data source for the [Golfplatz] select control should be loaded from the relative URL: 
    "/GolfplatzService/golfplatz"   (HTTP-GET) 
An existing Uebungsanlage entity should be loaded from the relative URL: 
    "/LochService/uebungsanlage/{id}"   (HTTP-GET) 
If a new Uebungsanlage entity has been created, the new entity should be posted to the relative URL: 
    "/LochService/uebungsanlage"   (HTTP-POST) 
If an existing Uebungsanlage entity has been updated, the modified entity should be sent to the relative URL: 
    "/LochService/uebungsanlage/{id}"   (HTTP-PUT) 
If an existing Uebungsanlage entity has to be deleted, the following relative URL should be called: 
    "/LochService/uebungsanlage/{id}"   (HTTP-DELETE)