Prompt for the ListingApp

Please create a React-JS application for the ListingModule. The application  has to offer the following views for the user interface: 
    1. IndexView 
    2. IndexConstituentView 
    3. ListingView 
    4. TradingSessionView 
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 IndexView must contain the following fields: 
    - name: Code   type: STRING 
    - name: Description   type: STRING 
    - name: Exchange   type: Exchange 
    - name: IsCapitalizationWeighted   type: BOOL 
    - name: Name   type: STRING 
The data source for the [Exchange] select control should be loaded from the relative URL: 
    "/ExchangeService/exchange"   (HTTP-GET) 
An existing Index entity should be loaded from the relative URL: 
    "/ListingService/index/{id}"   (HTTP-GET) 
If a new Index entity has been created, the new entity should be posted to the relative URL: 
    "/ListingService/index"   (HTTP-POST) 
If an existing Index entity has been updated, the modified entity should be sent to the relative URL: 
    "/ListingService/index/{id}"   (HTTP-PUT) 
If an existing Index entity has to be deleted, the following relative URL should be called: 
    "/ListingService/index/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following IndexConstituent columns: 
    - column: Listing 
    - column: WeightPercent 
    - column: EffectiveFrom 
    - column: Index 
    - column: EffectiveTo 
The table should have the title "IndexConstituents" und the data must be loaded from the server with the following relative URL: 
    "/ListingService/indexconstituent/index/{id}"

2. The IndexConstituentView must contain the following fields: 
    - name: EffectiveFrom   type: DATE 
    - name: EffectiveTo   type: DATE 
    - name: Index   type: Index 
    - name: Listing   type: Listing 
    - name: WeightPercent   type: DOUBLE 
The data source for the [Listing] select control should be loaded from the relative URL: 
    "/ListingService/listing"   (HTTP-GET) 
The data source for the [Index] select control should be loaded from the relative URL: 
    "/ListingService/index"   (HTTP-GET) 
An existing IndexConstituent entity should be loaded from the relative URL: 
    "/ListingService/indexconstituent/{id}"   (HTTP-GET) 
If a new IndexConstituent entity has been created, the new entity should be posted to the relative URL: 
    "/ListingService/indexconstituent"   (HTTP-POST) 
If an existing IndexConstituent entity has been updated, the modified entity should be sent to the relative URL: 
    "/ListingService/indexconstituent/{id}"   (HTTP-PUT) 
If an existing IndexConstituent entity has to be deleted, the following relative URL should be called: 
    "/ListingService/indexconstituent/{id}"   (HTTP-DELETE)

3. The ListingView must contain the following fields: 
    - name: Company   type: Company 
    - name: Currency   type: STRING 
    - name: Exchange   type: Exchange 
    - name: IsPrimary   type: BOOL 
    - name: ListingDate   type: DATE 
    - name: MarketTier   type: MarketTier 
    - name: Status   type: STRING 
    - name: TickerSymbol   type: STRING 
The data source for the [Exchange] select control should be loaded from the relative URL: 
    "/ExchangeService/exchange"   (HTTP-GET) 
The data source for the [Company] select control should be loaded from the relative URL: 
    "/CompanyService/company"   (HTTP-GET) 
The data source for the [MarketTier] select control should be loaded from the relative URL: 
    "/MarketTierService/markettier"   (HTTP-GET) 
An existing Listing entity should be loaded from the relative URL: 
    "/ListingService/listing/{id}"   (HTTP-GET) 
If a new Listing entity has been created, the new entity should be posted to the relative URL: 
    "/ListingService/listing"   (HTTP-POST) 
If an existing Listing entity has been updated, the modified entity should be sent to the relative URL: 
    "/ListingService/listing/{id}"   (HTTP-PUT) 
If an existing Listing entity has to be deleted, the following relative URL should be called: 
    "/ListingService/listing/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following IndexConstituent columns: 
    - column: Listing 
    - column: WeightPercent 
    - column: EffectiveFrom 
    - column: Index 
    - column: EffectiveTo 
The table should have the title "IndexConstituents" und the data must be loaded from the server with the following relative URL: 
    "/ListingService/indexconstituent/listing/{id}" 
Add a HTML table to the view with the following Security columns: 
    - column: SecurityType 
    - column: Currency 
    - column: IsActive 
    - column: Listing 
The table should have the title "Securitys" und the data must be loaded from the server with the following relative URL: 
    "/RegulatorService/security/listing/{id}"

4. The TradingSessionView must contain the following fields: 
    - name: EndTimeLocal   type: STRING 
    - name: Exchange   type: Exchange 
    - name: IsExtendedHours   type: BOOL 
    - name: Name   type: STRING 
    - name: SessionType   type: STRING 
    - name: StartTimeLocal   type: STRING 
    - name: TimeZone   type: STRING 
The data source for the [Exchange] select control should be loaded from the relative URL: 
    "/ExchangeService/exchange"   (HTTP-GET) 
An existing TradingSession entity should be loaded from the relative URL: 
    "/ListingService/tradingsession/{id}"   (HTTP-GET) 
If a new TradingSession entity has been created, the new entity should be posted to the relative URL: 
    "/ListingService/tradingsession"   (HTTP-POST) 
If an existing TradingSession entity has been updated, the modified entity should be sent to the relative URL: 
    "/ListingService/tradingsession/{id}"   (HTTP-PUT) 
If an existing TradingSession entity has to be deleted, the following relative URL should be called: 
    "/ListingService/tradingsession/{id}"   (HTTP-DELETE)