Prompt for the WasserstrasseApp

Please create a React-JS application for the WasserstrasseModule. The application  has to offer the following views for the user interface: 
    1. InfrastrukturProjektView 
    2. InfrastrukturProjektHafenView 
    3. WasserstrasseView 
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 InfrastrukturProjektView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: EndeJahr   type: LONG 
    - name: IstA20Bezug   type: BOOL 
    - name: IstFehmarnbeltBezug   type: BOOL 
    - name: Name   type: STRING 
    - name: ProjektTyp   type: STRING 
    - name: StartJahr   type: LONG 
    - name: Status   type: STRING 
    - name: Studie   type: Studie 
    - name: Wasserstrasse   type: Wasserstrasse 
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 InfrastrukturProjekt entity should be loaded from the relative URL: 
    "/WasserstrasseService/infrastrukturprojekt/{id}"   (HTTP-GET) 
If a new InfrastrukturProjekt entity has been created, the new entity should be posted to the relative URL: 
    "/WasserstrasseService/infrastrukturprojekt"   (HTTP-POST) 
If an existing InfrastrukturProjekt entity has been updated, the modified entity should be sent to the relative URL: 
    "/WasserstrasseService/infrastrukturprojekt/{id}"   (HTTP-PUT) 
If an existing InfrastrukturProjekt entity has to be deleted, the following relative URL should be called: 
    "/WasserstrasseService/infrastrukturprojekt/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following InfrastrukturProjektHafen columns: 
    - column: InfrastrukturProjekt 
    - column: Hafen 
    - column: Rolle 
The table should have the title "InfrastrukturProjektHafens" und the data must be loaded from the server with the following relative URL: 
    "/WasserstrasseService/infrastrukturprojekthafen/infrastrukturprojekt/{id}"

2. The InfrastrukturProjektHafenView must contain the following fields: 
    - name: Hafen   type: Hafen 
    - name: InfrastrukturProjekt   type: InfrastrukturProjekt 
    - name: Rolle   type: STRING 
The data source for the [Hafen] select control should be loaded from the relative URL: 
    "/HafenService/hafen"   (HTTP-GET) 
The data source for the [InfrastrukturProjekt] select control should be loaded from the relative URL: 
    "/WasserstrasseService/infrastrukturprojekt"   (HTTP-GET) 
An existing InfrastrukturProjektHafen entity should be loaded from the relative URL: 
    "/WasserstrasseService/infrastrukturprojekthafen/{id}"   (HTTP-GET) 
If a new InfrastrukturProjektHafen entity has been created, the new entity should be posted to the relative URL: 
    "/WasserstrasseService/infrastrukturprojekthafen"   (HTTP-POST) 
If an existing InfrastrukturProjektHafen entity has been updated, the modified entity should be sent to the relative URL: 
    "/WasserstrasseService/infrastrukturprojekthafen/{id}"   (HTTP-PUT) 
If an existing InfrastrukturProjektHafen entity has to be deleted, the following relative URL should be called: 
    "/WasserstrasseService/infrastrukturprojekthafen/{id}"   (HTTP-DELETE)

3. The WasserstrasseView must contain the following fields: 
    - name: IstBundeswasserstrasse   type: BOOL 
    - name: Name   type: STRING 
    - name: Notizen   type: STRING 
    - name: Typ   type: STRING 
An existing Wasserstrasse entity should be loaded from the relative URL: 
    "/WasserstrasseService/wasserstrasse/{id}"   (HTTP-GET) 
If a new Wasserstrasse entity has been created, the new entity should be posted to the relative URL: 
    "/WasserstrasseService/wasserstrasse"   (HTTP-POST) 
If an existing Wasserstrasse entity has been updated, the modified entity should be sent to the relative URL: 
    "/WasserstrasseService/wasserstrasse/{id}"   (HTTP-PUT) 
If an existing Wasserstrasse entity has to be deleted, the following relative URL should be called: 
    "/WasserstrasseService/wasserstrasse/{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/wasserstrasse/{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/wasserstrasse/{id}"