Prompt for the SpaceAgencyApp

Please create a React-JS application for the SpaceAgencyModule. The application  has to offer the following views for the user interface: 
    1. LaunchPadView 
    2. ProtectionZoneView 
    3. SpaceAgencyView 
    4. SpaceportAgencyRoleView 
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 LaunchPadView must contain the following fields: 
    - name: Code   type: STRING 
    - name: Latitude   type: STRING 
    - name: Longitude   type: STRING 
    - name: Name   type: STRING 
    - name: Notes   type: STRING 
    - name: Spaceport   type: Spaceport 
    - name: Status   type: STRING 
The data source for the [Spaceport] select control should be loaded from the relative URL: 
    "/SpaceportService/spaceport"   (HTTP-GET) 
An existing LaunchPad entity should be loaded from the relative URL: 
    "/SpaceAgencyService/launchpad/{id}"   (HTTP-GET) 
If a new LaunchPad entity has been created, the new entity should be posted to the relative URL: 
    "/SpaceAgencyService/launchpad"   (HTTP-POST) 
If an existing LaunchPad entity has been updated, the modified entity should be sent to the relative URL: 
    "/SpaceAgencyService/launchpad/{id}"   (HTTP-PUT) 
If an existing LaunchPad entity has to be deleted, the following relative URL should be called: 
    "/SpaceAgencyService/launchpad/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Launch columns: 
    - column: IsSuccessful 
    - column: Notes 
    - column: IsCrewed 
    - column: MissionName 
    - column: LaunchPad 
    - column: LaunchDate 
    - column: Spaceport 
    - column: OrbitType 
    - column: LaunchVehicle 
The table should have the title "Launchs" und the data must be loaded from the server with the following relative URL: 
    "/LaunchVehicleService/launch/launchpad/{id}"

2. The ProtectionZoneView must contain the following fields: 
    - name: Description   type: STRING 
    - name: Name   type: STRING 
    - name: Spaceport   type: Spaceport 
    - name: Type   type: STRING 
The data source for the [Spaceport] select control should be loaded from the relative URL: 
    "/SpaceportService/spaceport"   (HTTP-GET) 
An existing ProtectionZone entity should be loaded from the relative URL: 
    "/SpaceAgencyService/protectionzone/{id}"   (HTTP-GET) 
If a new ProtectionZone entity has been created, the new entity should be posted to the relative URL: 
    "/SpaceAgencyService/protectionzone"   (HTTP-POST) 
If an existing ProtectionZone entity has been updated, the modified entity should be sent to the relative URL: 
    "/SpaceAgencyService/protectionzone/{id}"   (HTTP-PUT) 
If an existing ProtectionZone entity has to be deleted, the following relative URL should be called: 
    "/SpaceAgencyService/protectionzone/{id}"   (HTTP-DELETE)

3. The SpaceAgencyView must contain the following fields: 
    - name: Country   type: Country 
    - name: FoundedYear   type: INT 
    - name: Name   type: STRING 
    - name: Notes   type: STRING 
    - name: Type   type: STRING 
The data source for the [Country] select control should be loaded from the relative URL: 
    "/CountryService/country"   (HTTP-GET) 
An existing SpaceAgency entity should be loaded from the relative URL: 
    "/SpaceAgencyService/spaceagency/{id}"   (HTTP-GET) 
If a new SpaceAgency entity has been created, the new entity should be posted to the relative URL: 
    "/SpaceAgencyService/spaceagency"   (HTTP-POST) 
If an existing SpaceAgency entity has been updated, the modified entity should be sent to the relative URL: 
    "/SpaceAgencyService/spaceagency/{id}"   (HTTP-PUT) 
If an existing SpaceAgency entity has to be deleted, the following relative URL should be called: 
    "/SpaceAgencyService/spaceagency/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following CrewedProgram columns: 
    - column: Country 
    - column: SpaceAgency 
    - column: StartYear 
    - column: EndYear 
    - column: Notes 
    - column: Name 
The table should have the title "CrewedPrograms" und the data must be loaded from the server with the following relative URL: 
    "/CountryService/crewedprogram/spaceagency/{id}" 
Add a HTML table to the view with the following SpaceportAgencyRole columns: 
    - column: ToDate 
    - column: Spaceport 
    - column: Role 
    - column: FromDate 
    - column: SpaceAgency 
The table should have the title "SpaceportAgencyRoles" und the data must be loaded from the server with the following relative URL: 
    "/SpaceAgencyService/spaceportagencyrole/spaceagency/{id}"

4. The SpaceportAgencyRoleView must contain the following fields: 
    - name: FromDate   type: DATE 
    - name: Role   type: STRING 
    - name: SpaceAgency   type: SpaceAgency 
    - name: Spaceport   type: Spaceport 
    - name: ToDate   type: DATE 
The data source for the [Spaceport] select control should be loaded from the relative URL: 
    "/SpaceportService/spaceport"   (HTTP-GET) 
The data source for the [SpaceAgency] select control should be loaded from the relative URL: 
    "/SpaceAgencyService/spaceagency"   (HTTP-GET) 
An existing SpaceportAgencyRole entity should be loaded from the relative URL: 
    "/SpaceAgencyService/spaceportagencyrole/{id}"   (HTTP-GET) 
If a new SpaceportAgencyRole entity has been created, the new entity should be posted to the relative URL: 
    "/SpaceAgencyService/spaceportagencyrole"   (HTTP-POST) 
If an existing SpaceportAgencyRole entity has been updated, the modified entity should be sent to the relative URL: 
    "/SpaceAgencyService/spaceportagencyrole/{id}"   (HTTP-PUT) 
If an existing SpaceportAgencyRole entity has to be deleted, the following relative URL should be called: 
    "/SpaceAgencyService/spaceportagencyrole/{id}"   (HTTP-DELETE)