Prompt for the CityApp

Please create a React-JS application for the CityModule. The application  has to offer the following views for the user interface: 
    1. CityView 
    2. CountryView 
    3. LawsuitView 
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 CityView must contain the following fields: 
    - name: Country   type: Country 
    - name: Latitude   type: DOUBLE 
    - name: Longitude   type: DOUBLE 
    - name: Name   type: STRING 
    - name: Region   type: STRING 
The data source for the [Country] select control should be loaded from the relative URL: 
    "/CityService/country"   (HTTP-GET) 
An existing City entity should be loaded from the relative URL: 
    "/CityService/city/{id}"   (HTTP-GET) 
If a new City entity has been created, the new entity should be posted to the relative URL: 
    "/CityService/city"   (HTTP-POST) 
If an existing City entity has been updated, the modified entity should be sent to the relative URL: 
    "/CityService/city/{id}"   (HTTP-PUT) 
If an existing City entity has to be deleted, the following relative URL should be called: 
    "/CityService/city/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following ServiceRegion columns: 
    - column: StartDate 
    - column: Service 
    - column: City 
    - column: Notes 
    - column: EndDate 
    - column: Country 
The table should have the title "ServiceRegions" und the data must be loaded from the server with the following relative URL: 
    "/CompanyService/serviceregion/city/{id}" 
Add a HTML table to the view with the following Trip columns: 
    - column: CompletedAt 
    - column: RequestedAt 
    - column: PriceCurrency 
    - column: Service 
    - column: StartedAt 
    - column: AcceptedAt 
    - column: DurationMinutes 
    - column: DriverAccount 
    - column: Status 
    - column: DistanceKm 
    - column: PriceAmount 
    - column: RiderAccount 
    - column: OriginCity 
    - column: Vehicle 
    - column: CanceledAt 
    - column: DestinationCity 
The table should have the title "Trips" und the data must be loaded from the server with the following relative URL: 
    "/VehicleService/trip/origincity/{id}" 
Add a HTML table to the view with the following Trip columns: 
    - column: CompletedAt 
    - column: RequestedAt 
    - column: PriceCurrency 
    - column: Service 
    - column: StartedAt 
    - column: AcceptedAt 
    - column: DurationMinutes 
    - column: DriverAccount 
    - column: Status 
    - column: DistanceKm 
    - column: PriceAmount 
    - column: RiderAccount 
    - column: OriginCity 
    - column: Vehicle 
    - column: CanceledAt 
    - column: DestinationCity 
The table should have the title "Trips" und the data must be loaded from the server with the following relative URL: 
    "/VehicleService/trip/destinationcity/{id}" 
Add a HTML table to the view with the following Lawsuit columns: 
    - column: JurisdictionCountry 
    - column: FiledDate 
    - column: Company 
    - column: CaseName 
    - column: ResolvedDate 
    - column: CaseType 
    - column: Description 
    - column: Outcome 
    - column: SettlementCurrency 
    - column: JurisdictionCity 
    - column: SettlementAmount 
The table should have the title "Lawsuits" und the data must be loaded from the server with the following relative URL: 
    "/CityService/lawsuit/jurisdictioncity/{id}" 
Add a HTML table to the view with the following RegulatoryAction columns: 
    - column: City 
    - column: Country 
    - column: StartDate 
    - column: AuthorityName 
    - column: SourceReference 
    - column: Company 
    - column: ActionType 
    - column: Description 
    - column: EndDate 
The table should have the title "RegulatoryActions" und the data must be loaded from the server with the following relative URL: 
    "/CompanyService/regulatoryaction/city/{id}"

2. The CountryView must contain the following fields: 
    - name: IsoCode   type: STRING 
    - name: Name   type: STRING 
An existing Country entity should be loaded from the relative URL: 
    "/CityService/country/{id}"   (HTTP-GET) 
If a new Country entity has been created, the new entity should be posted to the relative URL: 
    "/CityService/country"   (HTTP-POST) 
If an existing Country entity has been updated, the modified entity should be sent to the relative URL: 
    "/CityService/country/{id}"   (HTTP-PUT) 
If an existing Country entity has to be deleted, the following relative URL should be called: 
    "/CityService/country/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following City columns: 
    - column: Longitude 
    - column: Country 
    - column: Region 
    - column: Latitude 
    - column: Name 
The table should have the title "Citys" und the data must be loaded from the server with the following relative URL: 
    "/CityService/city/country/{id}" 
Add a HTML table to the view with the following ServiceRegion columns: 
    - column: StartDate 
    - column: Service 
    - column: City 
    - column: Notes 
    - column: EndDate 
    - column: Country 
The table should have the title "ServiceRegions" und the data must be loaded from the server with the following relative URL: 
    "/CompanyService/serviceregion/country/{id}" 
Add a HTML table to the view with the following Lawsuit columns: 
    - column: JurisdictionCountry 
    - column: FiledDate 
    - column: Company 
    - column: CaseName 
    - column: ResolvedDate 
    - column: CaseType 
    - column: Description 
    - column: Outcome 
    - column: SettlementCurrency 
    - column: JurisdictionCity 
    - column: SettlementAmount 
The table should have the title "Lawsuits" und the data must be loaded from the server with the following relative URL: 
    "/CityService/lawsuit/jurisdictioncountry/{id}" 
Add a HTML table to the view with the following RegulatoryAction columns: 
    - column: City 
    - column: Country 
    - column: StartDate 
    - column: AuthorityName 
    - column: SourceReference 
    - column: Company 
    - column: ActionType 
    - column: Description 
    - column: EndDate 
The table should have the title "RegulatoryActions" und the data must be loaded from the server with the following relative URL: 
    "/CompanyService/regulatoryaction/country/{id}"

3. The LawsuitView must contain the following fields: 
    - name: CaseName   type: STRING 
    - name: CaseType   type: STRING 
    - name: Company   type: Company 
    - name: Description   type: STRING 
    - name: FiledDate   type: DATE 
    - name: JurisdictionCity   type: City 
    - name: JurisdictionCountry   type: Country 
    - name: Outcome   type: STRING 
    - name: ResolvedDate   type: DATE 
    - name: SettlementAmount   type: DOUBLE 
    - name: SettlementCurrency   type: STRING 
The data source for the [Company] select control should be loaded from the relative URL: 
    "/CompanyService/company"   (HTTP-GET) 
The data source for the [JurisdictionCountry] select control should be loaded from the relative URL: 
    "/CityService/country"   (HTTP-GET) 
The data source for the [JurisdictionCity] select control should be loaded from the relative URL: 
    "/CityService/city"   (HTTP-GET) 
An existing Lawsuit entity should be loaded from the relative URL: 
    "/CityService/lawsuit/{id}"   (HTTP-GET) 
If a new Lawsuit entity has been created, the new entity should be posted to the relative URL: 
    "/CityService/lawsuit"   (HTTP-POST) 
If an existing Lawsuit entity has been updated, the modified entity should be sent to the relative URL: 
    "/CityService/lawsuit/{id}"   (HTTP-PUT) 
If an existing Lawsuit entity has to be deleted, the following relative URL should be called: 
    "/CityService/lawsuit/{id}"   (HTTP-DELETE)