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. CategoryView 
    2. CharityAuctionListingView 
    3. FixedPriceOfferView 
    4. ListingView 
    5. ListingMediaView 
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 CategoryView must contain the following fields: 
    - name: Description   type: STRING 
    - name: Name   type: STRING 
    - name: ParentCategory   type: LONG 
An existing Category entity should be loaded from the relative URL: 
    "/ListingService/category/{id}"   (HTTP-GET) 
If a new Category entity has been created, the new entity should be posted to the relative URL: 
    "/ListingService/category"   (HTTP-POST) 
If an existing Category entity has been updated, the modified entity should be sent to the relative URL: 
    "/ListingService/category/{id}"   (HTTP-PUT) 
If an existing Category entity has to be deleted, the following relative URL should be called: 
    "/ListingService/category/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Listing columns: 
    - column: BuyNowPrice 
    - column: ListingType 
    - column: StartPrice 
    - column: SellerUserAccount 
    - column: LocationCountry 
    - column: Category 
    - column: QuantityAvailable 
    - column: Currency 
    - column: StartDate 
    - column: EndDate 
    - column: Status 
    - column: Title 
    - column: Description 
    - column: LocationRegion 
The table should have the title "Listings" und the data must be loaded from the server with the following relative URL: 
    "/ListingService/listing/category/{id}"

2. The CharityAuctionListingView must contain the following fields: 
    - name: CharityAuctionEvent   type: CharityAuctionEvent 
    - name: Listing   type: Listing 
The data source for the [CharityAuctionEvent] select control should be loaded from the relative URL: 
    "/CharityOrganizationService/charityauctionevent"   (HTTP-GET) 
The data source for the [Listing] select control should be loaded from the relative URL: 
    "/ListingService/listing"   (HTTP-GET) 
An existing CharityAuctionListing entity should be loaded from the relative URL: 
    "/ListingService/charityauctionlisting/{id}"   (HTTP-GET) 
If a new CharityAuctionListing entity has been created, the new entity should be posted to the relative URL: 
    "/ListingService/charityauctionlisting"   (HTTP-POST) 
If an existing CharityAuctionListing entity has been updated, the modified entity should be sent to the relative URL: 
    "/ListingService/charityauctionlisting/{id}"   (HTTP-PUT) 
If an existing CharityAuctionListing entity has to be deleted, the following relative URL should be called: 
    "/ListingService/charityauctionlisting/{id}"   (HTTP-DELETE)

3. The FixedPriceOfferView must contain the following fields: 
    - name: BuyerUserAccount   type: UserAccount 
    - name: Currency   type: STRING 
    - name: Listing   type: Listing 
    - name: OfferDate   type: DATE 
    - name: OfferedPrice   type: STRING 
    - name: Status   type: STRING 
The data source for the [Listing] select control should be loaded from the relative URL: 
    "/ListingService/listing"   (HTTP-GET) 
The data source for the [BuyerUserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing FixedPriceOffer entity should be loaded from the relative URL: 
    "/ListingService/fixedpriceoffer/{id}"   (HTTP-GET) 
If a new FixedPriceOffer entity has been created, the new entity should be posted to the relative URL: 
    "/ListingService/fixedpriceoffer"   (HTTP-POST) 
If an existing FixedPriceOffer entity has been updated, the modified entity should be sent to the relative URL: 
    "/ListingService/fixedpriceoffer/{id}"   (HTTP-PUT) 
If an existing FixedPriceOffer entity has to be deleted, the following relative URL should be called: 
    "/ListingService/fixedpriceoffer/{id}"   (HTTP-DELETE)

4. The ListingView must contain the following fields: 
    - name: BuyNowPrice   type: STRING 
    - name: Category   type: Category 
    - name: Currency   type: STRING 
    - name: Description   type: STRING 
    - name: EndDate   type: DATE 
    - name: ListingType   type: STRING 
    - name: LocationCountry   type: STRING 
    - name: LocationRegion   type: STRING 
    - name: QuantityAvailable   type: LONG 
    - name: SellerUserAccount   type: UserAccount 
    - name: StartDate   type: DATE 
    - name: StartPrice   type: STRING 
    - name: Status   type: STRING 
    - name: Title   type: STRING 
The data source for the [Category] select control should be loaded from the relative URL: 
    "/ListingService/category"   (HTTP-GET) 
The data source for the [SellerUserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (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 ListingMedia columns: 
    - column: SortOrder 
    - column: Url 
    - column: MediaType 
    - column: Listing 
    - column: Caption 
The table should have the title "ListingMedias" und the data must be loaded from the server with the following relative URL: 
    "/ListingService/listingmedia/listing/{id}" 
Add a HTML table to the view with the following FixedPriceOffer columns: 
    - column: BuyerUserAccount 
    - column: OfferDate 
    - column: Currency 
    - column: Listing 
    - column: Status 
    - column: OfferedPrice 
The table should have the title "FixedPriceOffers" und the data must be loaded from the server with the following relative URL: 
    "/ListingService/fixedpriceoffer/listing/{id}" 
Add a HTML table to the view with the following OrderItem columns: 
    - column: Quantity 
    - column: Currency 
    - column: SellerUserAccount 
    - column: FulfillmentStatus 
    - column: UnitPrice 
    - column: Listing 
    - column: OrderEntity 
The table should have the title "OrderItems" und the data must be loaded from the server with the following relative URL: 
    "/UserAccountService/orderitem/listing/{id}" 
Add a HTML table to the view with the following Auction columns: 
    - column: AutoExtendEnabled 
    - column: Listing 
    - column: MinimumBidIncrement 
    - column: ReservePrice 
The table should have the title "Auctions" und the data must be loaded from the server with the following relative URL: 
    "/AuctionService/auction/listing/{id}" 
Add a HTML table to the view with the following CharityAuctionListing columns: 
    - column: CharityAuctionEvent 
    - column: Listing 
The table should have the title "CharityAuctionListings" und the data must be loaded from the server with the following relative URL: 
    "/ListingService/charityauctionlisting/listing/{id}" 
Add a HTML table to the view with the following CharityListing columns: 
    - column: Notes 
    - column: DonationAmountCap 
    - column: DonationPercentage 
    - column: CharityOrganization 
    - column: Listing 
    - column: CharityProgram 
The table should have the title "CharityListings" und the data must be loaded from the server with the following relative URL: 
    "/CharityOrganizationService/charitylisting/listing/{id}"

5. The ListingMediaView must contain the following fields: 
    - name: Caption   type: STRING 
    - name: Listing   type: Listing 
    - name: MediaType   type: STRING 
    - name: SortOrder   type: LONG 
    - name: Url   type: STRING 
The data source for the [Listing] select control should be loaded from the relative URL: 
    "/ListingService/listing"   (HTTP-GET) 
An existing ListingMedia entity should be loaded from the relative URL: 
    "/ListingService/listingmedia/{id}"   (HTTP-GET) 
If a new ListingMedia entity has been created, the new entity should be posted to the relative URL: 
    "/ListingService/listingmedia"   (HTTP-POST) 
If an existing ListingMedia entity has been updated, the modified entity should be sent to the relative URL: 
    "/ListingService/listingmedia/{id}"   (HTTP-PUT) 
If an existing ListingMedia entity has to be deleted, the following relative URL should be called: 
    "/ListingService/listingmedia/{id}"   (HTTP-DELETE)