Prompt for the CharityOrganizationApp

Please create a React-JS application for the CharityOrganizationModule. The application  has to offer the following views for the user interface: 
    1. CharityAuctionEventView 
    2. CharityListingView 
    3. CharityOrganizationView 
    4. CharityProgramView 
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 CharityAuctionEventView must contain the following fields: 
    - name: BeneficiaryCharityOrganization   type: CharityOrganization 
    - name: Currency   type: STRING 
    - name: Description   type: STRING 
    - name: EndDate   type: DATE 
    - name: StartDate   type: DATE 
    - name: Title   type: STRING 
    - name: TotalRaisedAmount   type: STRING 
The data source for the [BeneficiaryCharityOrganization] select control should be loaded from the relative URL: 
    "/CharityOrganizationService/charityorganization"   (HTTP-GET) 
An existing CharityAuctionEvent entity should be loaded from the relative URL: 
    "/CharityOrganizationService/charityauctionevent/{id}"   (HTTP-GET) 
If a new CharityAuctionEvent entity has been created, the new entity should be posted to the relative URL: 
    "/CharityOrganizationService/charityauctionevent"   (HTTP-POST) 
If an existing CharityAuctionEvent entity has been updated, the modified entity should be sent to the relative URL: 
    "/CharityOrganizationService/charityauctionevent/{id}"   (HTTP-PUT) 
If an existing CharityAuctionEvent entity has to be deleted, the following relative URL should be called: 
    "/CharityOrganizationService/charityauctionevent/{id}"   (HTTP-DELETE) 
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/charityauctionevent/{id}"

2. The CharityListingView must contain the following fields: 
    - name: CharityOrganization   type: CharityOrganization 
    - name: CharityProgram   type: CharityProgram 
    - name: DonationAmountCap   type: STRING 
    - name: DonationPercentage   type: STRING 
    - name: Listing   type: Listing 
    - name: Notes   type: STRING 
The data source for the [CharityOrganization] select control should be loaded from the relative URL: 
    "/CharityOrganizationService/charityorganization"   (HTTP-GET) 
The data source for the [Listing] select control should be loaded from the relative URL: 
    "/ListingService/listing"   (HTTP-GET) 
The data source for the [CharityProgram] select control should be loaded from the relative URL: 
    "/CharityOrganizationService/charityprogram"   (HTTP-GET) 
An existing CharityListing entity should be loaded from the relative URL: 
    "/CharityOrganizationService/charitylisting/{id}"   (HTTP-GET) 
If a new CharityListing entity has been created, the new entity should be posted to the relative URL: 
    "/CharityOrganizationService/charitylisting"   (HTTP-POST) 
If an existing CharityListing entity has been updated, the modified entity should be sent to the relative URL: 
    "/CharityOrganizationService/charitylisting/{id}"   (HTTP-PUT) 
If an existing CharityListing entity has to be deleted, the following relative URL should be called: 
    "/CharityOrganizationService/charitylisting/{id}"   (HTTP-DELETE)

3. The CharityOrganizationView must contain the following fields: 
    - name: Country   type: STRING 
    - name: Description   type: STRING 
    - name: Name   type: STRING 
    - name: Website   type: STRING 
An existing CharityOrganization entity should be loaded from the relative URL: 
    "/CharityOrganizationService/charityorganization/{id}"   (HTTP-GET) 
If a new CharityOrganization entity has been created, the new entity should be posted to the relative URL: 
    "/CharityOrganizationService/charityorganization"   (HTTP-POST) 
If an existing CharityOrganization entity has been updated, the modified entity should be sent to the relative URL: 
    "/CharityOrganizationService/charityorganization/{id}"   (HTTP-PUT) 
If an existing CharityOrganization entity has to be deleted, the following relative URL should be called: 
    "/CharityOrganizationService/charityorganization/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following CharityAuctionEvent columns: 
    - column: BeneficiaryCharityOrganization 
    - column: Currency 
    - column: Title 
    - column: EndDate 
    - column: Description 
    - column: TotalRaisedAmount 
    - column: StartDate 
The table should have the title "CharityAuctionEvents" und the data must be loaded from the server with the following relative URL: 
    "/CharityOrganizationService/charityauctionevent/beneficiarycharityorganization/{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/charityorganization/{id}"

4. The CharityProgramView must contain the following fields: 
    - name: Description   type: STRING 
    - name: EndDate   type: DATE 
    - name: Name   type: STRING 
    - name: StartDate   type: DATE 
An existing CharityProgram entity should be loaded from the relative URL: 
    "/CharityOrganizationService/charityprogram/{id}"   (HTTP-GET) 
If a new CharityProgram entity has been created, the new entity should be posted to the relative URL: 
    "/CharityOrganizationService/charityprogram"   (HTTP-POST) 
If an existing CharityProgram entity has been updated, the modified entity should be sent to the relative URL: 
    "/CharityOrganizationService/charityprogram/{id}"   (HTTP-PUT) 
If an existing CharityProgram entity has to be deleted, the following relative URL should be called: 
    "/CharityOrganizationService/charityprogram/{id}"   (HTTP-DELETE) 
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/charityprogram/{id}"