Prompt for the QuoteLevelApp

Please create a React-JS application for the QuoteLevelModule. The application  has to offer the following views for the user interface: 
    1. MarketMakerQuotePermissionView 
    2. QuoteLevelView 
    3. TradingScheduleChangeView 
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 MarketMakerQuotePermissionView must contain the following fields: 
    - name: EffectiveFrom   type: DATE 
    - name: EffectiveTo   type: DATE 
    - name: Exchange   type: Exchange 
    - name: MarketMaker   type: MarketMaker 
    - name: QuoteLevel   type: QuoteLevel 
The data source for the [Exchange] select control should be loaded from the relative URL: 
    "/ExchangeService/exchange"   (HTTP-GET) 
The data source for the [QuoteLevel] select control should be loaded from the relative URL: 
    "/QuoteLevelService/quotelevel"   (HTTP-GET) 
The data source for the [MarketMaker] select control should be loaded from the relative URL: 
    "/RegulatorService/marketmaker"   (HTTP-GET) 
An existing MarketMakerQuotePermission entity should be loaded from the relative URL: 
    "/QuoteLevelService/marketmakerquotepermission/{id}"   (HTTP-GET) 
If a new MarketMakerQuotePermission entity has been created, the new entity should be posted to the relative URL: 
    "/QuoteLevelService/marketmakerquotepermission"   (HTTP-POST) 
If an existing MarketMakerQuotePermission entity has been updated, the modified entity should be sent to the relative URL: 
    "/QuoteLevelService/marketmakerquotepermission/{id}"   (HTTP-PUT) 
If an existing MarketMakerQuotePermission entity has to be deleted, the following relative URL should be called: 
    "/QuoteLevelService/marketmakerquotepermission/{id}"   (HTTP-DELETE)

2. The QuoteLevelView must contain the following fields: 
    - name: Description   type: STRING 
    - name: Exchange   type: Exchange 
    - name: IsForMarketMakers   type: BOOL 
    - name: LevelNumber   type: INT 
The data source for the [Exchange] select control should be loaded from the relative URL: 
    "/ExchangeService/exchange"   (HTTP-GET) 
An existing QuoteLevel entity should be loaded from the relative URL: 
    "/QuoteLevelService/quotelevel/{id}"   (HTTP-GET) 
If a new QuoteLevel entity has been created, the new entity should be posted to the relative URL: 
    "/QuoteLevelService/quotelevel"   (HTTP-POST) 
If an existing QuoteLevel entity has been updated, the modified entity should be sent to the relative URL: 
    "/QuoteLevelService/quotelevel/{id}"   (HTTP-PUT) 
If an existing QuoteLevel entity has to be deleted, the following relative URL should be called: 
    "/QuoteLevelService/quotelevel/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following MarketMakerQuotePermission columns: 
    - column: MarketMaker 
    - column: EffectiveTo 
    - column: EffectiveFrom 
    - column: Exchange 
    - column: QuoteLevel 
The table should have the title "MarketMakerQuotePermissions" und the data must be loaded from the server with the following relative URL: 
    "/QuoteLevelService/marketmakerquotepermission/quotelevel/{id}"

3. The TradingScheduleChangeView must contain the following fields: 
    - name: AnnouncementDate   type: DATE 
    - name: Description   type: STRING 
    - name: EffectiveDate   type: DATE 
    - name: Exchange   type: Exchange 
The data source for the [Exchange] select control should be loaded from the relative URL: 
    "/ExchangeService/exchange"   (HTTP-GET) 
An existing TradingScheduleChange entity should be loaded from the relative URL: 
    "/QuoteLevelService/tradingschedulechange/{id}"   (HTTP-GET) 
If a new TradingScheduleChange entity has been created, the new entity should be posted to the relative URL: 
    "/QuoteLevelService/tradingschedulechange"   (HTTP-POST) 
If an existing TradingScheduleChange entity has been updated, the modified entity should be sent to the relative URL: 
    "/QuoteLevelService/tradingschedulechange/{id}"   (HTTP-PUT) 
If an existing TradingScheduleChange entity has to be deleted, the following relative URL should be called: 
    "/QuoteLevelService/tradingschedulechange/{id}"   (HTTP-DELETE)