Prompt for the StudieApp

Please create a React-JS application for the StudieModule. The application  has to offer the following views for the user interface: 
    1. EmpfehlungView 
    2. FischereiStatistikView 
    3. StudieView 
    4. VerkehrsStatistikView 
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 EmpfehlungView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Code   type: STRING 
    - name: HandlungsFeld   type: HandlungsFeld 
    - name: IstTopEmpfehlung   type: BOOL 
    - name: Prioritaet   type: LONG 
    - name: Studie   type: Studie 
    - name: Titel   type: STRING 
The data source for the [HandlungsFeld] select control should be loaded from the relative URL: 
    "/FischereiHafenService/handlungsfeld"   (HTTP-GET) 
The data source for the [Studie] select control should be loaded from the relative URL: 
    "/StudieService/studie"   (HTTP-GET) 
An existing Empfehlung entity should be loaded from the relative URL: 
    "/StudieService/empfehlung/{id}"   (HTTP-GET) 
If a new Empfehlung entity has been created, the new entity should be posted to the relative URL: 
    "/StudieService/empfehlung"   (HTTP-POST) 
If an existing Empfehlung entity has been updated, the modified entity should be sent to the relative URL: 
    "/StudieService/empfehlung/{id}"   (HTTP-PUT) 
If an existing Empfehlung entity has to be deleted, the following relative URL should be called: 
    "/StudieService/empfehlung/{id}"   (HTTP-DELETE)

2. The FischereiStatistikView must contain the following fields: 
    - name: AnzahlBesatzung   type: LONG 
    - name: AnzahlSchiffe   type: LONG 
    - name: DurchschnittspreisEuro   type: STRING 
    - name: FangTonnen   type: STRING 
    - name: FischereiHafen   type: FischereiHafen 
    - name: IstNordsee   type: BOOL 
    - name: IstOstsee   type: BOOL 
    - name: Jahr   type: LONG 
    - name: Schiffstyp   type: STRING 
    - name: Studie   type: Studie 
    - name: UmsatzEuro   type: STRING 
The data source for the [FischereiHafen] select control should be loaded from the relative URL: 
    "/FischereiHafenService/fischereihafen"   (HTTP-GET) 
The data source for the [Studie] select control should be loaded from the relative URL: 
    "/StudieService/studie"   (HTTP-GET) 
An existing FischereiStatistik entity should be loaded from the relative URL: 
    "/StudieService/fischereistatistik/{id}"   (HTTP-GET) 
If a new FischereiStatistik entity has been created, the new entity should be posted to the relative URL: 
    "/StudieService/fischereistatistik"   (HTTP-POST) 
If an existing FischereiStatistik entity has been updated, the modified entity should be sent to the relative URL: 
    "/StudieService/fischereistatistik/{id}"   (HTTP-PUT) 
If an existing FischereiStatistik entity has to be deleted, the following relative URL should be called: 
    "/StudieService/fischereistatistik/{id}"   (HTTP-DELETE)

3. The StudieView must contain the following fields: 
    - name: Auftraggeber   type: STRING 
    - name: Auftragnehmer   type: STRING 
    - name: Jahr   type: LONG 
    - name: Projektnummer   type: STRING 
    - name: Titel   type: STRING 
    - name: Version   type: STRING 
An existing Studie entity should be loaded from the relative URL: 
    "/StudieService/studie/{id}"   (HTTP-GET) 
If a new Studie entity has been created, the new entity should be posted to the relative URL: 
    "/StudieService/studie"   (HTTP-POST) 
If an existing Studie entity has been updated, the modified entity should be sent to the relative URL: 
    "/StudieService/studie/{id}"   (HTTP-PUT) 
If an existing Studie entity has to be deleted, the following relative URL should be called: 
    "/StudieService/studie/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following InfrastrukturProjekt columns: 
    - column: EndeJahr 
    - column: Studie 
    - column: Name 
    - column: Status 
    - column: ProjektTyp 
    - column: Wasserstrasse 
    - column: IstFehmarnbeltBezug 
    - column: StartJahr 
    - column: Beschreibung 
    - column: IstA20Bezug 
The table should have the title "InfrastrukturProjekts" und the data must be loaded from the server with the following relative URL: 
    "/WasserstrasseService/infrastrukturprojekt/studie/{id}" 
Add a HTML table to the view with the following VerkehrsStatistik columns: 
    - column: MengePassagiere 
    - column: Studie 
    - column: Schiffsanlaeufe 
    - column: Wasserstrasse 
    - column: Region 
    - column: Jahr 
    - column: MengeFahrzeuge 
    - column: Verkehrsmodus 
    - column: Quelle 
    - column: MengeTonnen 
    - column: MengeTeu 
    - column: Beschreibung 
The table should have the title "VerkehrsStatistiks" und the data must be loaded from the server with the following relative URL: 
    "/StudieService/verkehrsstatistik/studie/{id}" 
Add a HTML table to the view with the following FischereiStatistik columns: 
    - column: Studie 
    - column: UmsatzEuro 
    - column: FangTonnen 
    - column: IstOstsee 
    - column: DurchschnittspreisEuro 
    - column: Schiffstyp 
    - column: FischereiHafen 
    - column: AnzahlBesatzung 
    - column: AnzahlSchiffe 
    - column: Jahr 
    - column: IstNordsee 
The table should have the title "FischereiStatistiks" und the data must be loaded from the server with the following relative URL: 
    "/StudieService/fischereistatistik/studie/{id}" 
Add a HTML table to the view with the following Empfehlung columns: 
    - column: Titel 
    - column: IstTopEmpfehlung 
    - column: Code 
    - column: Prioritaet 
    - column: HandlungsFeld 
    - column: Studie 
    - column: Beschreibung 
The table should have the title "Empfehlungs" und the data must be loaded from the server with the following relative URL: 
    "/StudieService/empfehlung/studie/{id}" 
Add a HTML table to the view with the following SwotEintrag columns: 
    - column: Titel 
    - column: Typ 
    - column: Megatrend 
    - column: Beschreibung 
    - column: Studie 
    - column: SwotKategorie 
The table should have the title "SwotEintrags" und the data must be loaded from the server with the following relative URL: 
    "/SwotKategorieService/swoteintrag/studie/{id}" 
Add a HTML table to the view with the following BeschaeftigungsStatistik columns: 
    - column: Studie 
    - column: AnteilLogistikSektorProzent 
    - column: Region 
    - column: Beschaeftigungssektor 
    - column: Jahr 
    - column: BeschaeftigteLogistikBerufe 
    - column: AnteilLogistikBerufeProzent 
    - column: BeschaeftigteLogistikSektor 
    - column: Quelle 
    - column: OffeneStellen 
    - column: BeschaeftigteGesamt 
The table should have the title "BeschaeftigungsStatistiks" und the data must be loaded from the server with the following relative URL: 
    "/BeschaeftigungssektorService/beschaeftigungsstatistik/studie/{id}"

4. The VerkehrsStatistikView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Jahr   type: LONG 
    - name: MengeFahrzeuge   type: STRING 
    - name: MengePassagiere   type: STRING 
    - name: MengeTeu   type: STRING 
    - name: MengeTonnen   type: STRING 
    - name: Quelle   type: STRING 
    - name: Region   type: STRING 
    - name: Schiffsanlaeufe   type: STRING 
    - name: Studie   type: Studie 
    - name: Verkehrsmodus   type: Verkehrsmodus 
    - name: Wasserstrasse   type: Wasserstrasse 
The data source for the [Verkehrsmodus] select control should be loaded from the relative URL: 
    "/BeschaeftigungssektorService/verkehrsmodus"   (HTTP-GET) 
The data source for the [Studie] select control should be loaded from the relative URL: 
    "/StudieService/studie"   (HTTP-GET) 
The data source for the [Wasserstrasse] select control should be loaded from the relative URL: 
    "/WasserstrasseService/wasserstrasse"   (HTTP-GET) 
An existing VerkehrsStatistik entity should be loaded from the relative URL: 
    "/StudieService/verkehrsstatistik/{id}"   (HTTP-GET) 
If a new VerkehrsStatistik entity has been created, the new entity should be posted to the relative URL: 
    "/StudieService/verkehrsstatistik"   (HTTP-POST) 
If an existing VerkehrsStatistik entity has been updated, the modified entity should be sent to the relative URL: 
    "/StudieService/verkehrsstatistik/{id}"   (HTTP-PUT) 
If an existing VerkehrsStatistik entity has to be deleted, the following relative URL should be called: 
    "/StudieService/verkehrsstatistik/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following HafenVerkehrsStatistik columns: 
    - column: Hafen 
    - column: IstBvwpBezug 
    - column: VerkehrsStatistik 
    - column: IstPrognose 
The table should have the title "HafenVerkehrsStatistiks" und the data must be loaded from the server with the following relative URL: 
    "/HafenService/hafenverkehrsstatistik/verkehrsstatistik/{id}"