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. ProductionSiteView 
    4. ProductionSiteProductView 
    5. VehicleSpecificationView 
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 CityView must contain the following fields: 
    - name: CityName   type: STRING 
    - name: Country   type: Country 
    - name: StateOrRegion   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 ChargingLocation columns: 
    - column: LocationName 
    - column: ConnectorCount 
    - column: Notes 
    - column: ChargingNetwork 
    - column: City 
    - column: OpeningYear 
    - column: StationCount 
The table should have the title "ChargingLocations" und the data must be loaded from the server with the following relative URL: 
    "/BusinessSegmentService/charginglocation/city/{id}" 
Add a HTML table to the view with the following ProductionSite columns: 
    - column: SiteType 
    - column: Company 
    - column: City 
    - column: IsGigafactory 
    - column: Notes 
    - column: EndYear 
    - column: SiteName 
    - column: StartYear 
The table should have the title "ProductionSites" und the data must be loaded from the server with the following relative URL: 
    "/CityService/productionsite/city/{id}"

2. The CountryView must contain the following fields: 
    - name: CountryName   type: STRING 
    - name: IsoCode   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: CityName 
    - column: StateOrRegion 
    - column: Country 
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}"

3. The ProductionSiteView must contain the following fields: 
    - name: City   type: City 
    - name: Company   type: Company 
    - name: EndYear   type: INT 
    - name: IsGigafactory   type: BOOL 
    - name: Notes   type: STRING 
    - name: SiteName   type: STRING 
    - name: SiteType   type: STRING 
    - name: StartYear   type: INT 
The data source for the [Company] select control should be loaded from the relative URL: 
    "/CompanyService/company"   (HTTP-GET) 
The data source for the [City] select control should be loaded from the relative URL: 
    "/CityService/city"   (HTTP-GET) 
An existing ProductionSite entity should be loaded from the relative URL: 
    "/CityService/productionsite/{id}"   (HTTP-GET) 
If a new ProductionSite entity has been created, the new entity should be posted to the relative URL: 
    "/CityService/productionsite"   (HTTP-POST) 
If an existing ProductionSite entity has been updated, the modified entity should be sent to the relative URL: 
    "/CityService/productionsite/{id}"   (HTTP-PUT) 
If an existing ProductionSite entity has to be deleted, the following relative URL should be called: 
    "/CityService/productionsite/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following ProductionSiteProduct columns: 
    - column: StartYear 
    - column: ProductionSite 
    - column: EndYear 
    - column: Product 
    - column: Notes 
The table should have the title "ProductionSiteProducts" und the data must be loaded from the server with the following relative URL: 
    "/CityService/productionsiteproduct/productionsite/{id}"

4. The ProductionSiteProductView must contain the following fields: 
    - name: EndYear   type: INT 
    - name: Notes   type: STRING 
    - name: Product   type: Product 
    - name: ProductionSite   type: ProductionSite 
    - name: StartYear   type: INT 
The data source for the [ProductionSite] select control should be loaded from the relative URL: 
    "/CityService/productionsite"   (HTTP-GET) 
The data source for the [Product] select control should be loaded from the relative URL: 
    "/CompanyService/product"   (HTTP-GET) 
An existing ProductionSiteProduct entity should be loaded from the relative URL: 
    "/CityService/productionsiteproduct/{id}"   (HTTP-GET) 
If a new ProductionSiteProduct entity has been created, the new entity should be posted to the relative URL: 
    "/CityService/productionsiteproduct"   (HTTP-POST) 
If an existing ProductionSiteProduct entity has been updated, the modified entity should be sent to the relative URL: 
    "/CityService/productionsiteproduct/{id}"   (HTTP-PUT) 
If an existing ProductionSiteProduct entity has to be deleted, the following relative URL should be called: 
    "/CityService/productionsiteproduct/{id}"   (HTTP-DELETE)

5. The VehicleSpecificationView must contain the following fields: 
    - name: BatteryWeightKg   type: INT 
    - name: CurbWeightKg   type: INT 
    - name: DriveType   type: STRING 
    - name: EndYear   type: INT 
    - name: HeightMm   type: INT 
    - name: LengthMm   type: INT 
    - name: MarketRegion   type: STRING 
    - name: RangeKm   type: INT 
    - name: Seats   type: INT 
    - name: SpecVersionName   type: STRING 
    - name: StartYear   type: INT 
    - name: TopSpeedKmh   type: INT 
    - name: VehicleModel   type: VehicleModel 
    - name: WidthMm   type: INT 
    - name: ZeroToHundredKmhSeconds   type: DOUBLE 
The data source for the [VehicleModel] select control should be loaded from the relative URL: 
    "/VehicleModelService/vehiclemodel"   (HTTP-GET) 
An existing VehicleSpecification entity should be loaded from the relative URL: 
    "/CityService/vehiclespecification/{id}"   (HTTP-GET) 
If a new VehicleSpecification entity has been created, the new entity should be posted to the relative URL: 
    "/CityService/vehiclespecification"   (HTTP-POST) 
If an existing VehicleSpecification entity has been updated, the modified entity should be sent to the relative URL: 
    "/CityService/vehiclespecification/{id}"   (HTTP-PUT) 
If an existing VehicleSpecification entity has to be deleted, the following relative URL should be called: 
    "/CityService/vehiclespecification/{id}"   (HTTP-DELETE)