Prompt for the SchoolEventApp

Please create a React-JS application for the SchoolEventModule. The application  has to offer the following views for the user interface: 
    1. ContributionView 
    2. ReportTypeView 
    3. SchoolEventView 
    4. SchoolEventAttendeeView 
    5. SchoolEventTypeView 
    6. SchoolTripView 
The views have to be reachable for the user via a menu list at the left side of each view. The requirements for the 6 views are defined below.

1. The ContributionView must contain the following fields: 
    - name: Amount   type: DOUBLE 
    - name: Student   type: Student 
    - name: SchoolTrip   type: SchoolTrip 
    - name: SchoolEvent   type: SchoolEvent 
    - name: PaymentDetails   type: STRING 
The data source for the [SchoolTrip] select control should be loaded from the relative URL: 
    "/SchoolEventService/schooltrip"   (HTTP-GET) 
The data source for the [SchoolEvent] select control should be loaded from the relative URL: 
    "/SchoolEventService/schoolevent"   (HTTP-GET) 
The data source for the [Student] select control should be loaded from the relative URL: 
    "/StudentService/student"   (HTTP-GET) 
An existing Contribution entity should be loaded from the relative URL: 
    "/SchoolEventService/contribution/{id}"   (HTTP-GET) 
If a new Contribution entity has been created, the new entity should be posted to the relative URL: 
    "/SchoolEventService/contribution"   (HTTP-POST) 
If an existing Contribution entity has been updated, the modified entity should be sent to the relative URL: 
    "/SchoolEventService/contribution/{id}"   (HTTP-PUT) 
If an existing Contribution entity has to be deleted, the following relative URL should be called: 
    "/SchoolEventService/contribution/{id}"   (HTTP-DELETE)

2. The ReportTypeView must contain the following fields: 
    - name: Description   type: STRING 
    - name: TypeName   type: STRING 
An existing ReportType entity should be loaded from the relative URL: 
    "/SchoolEventService/reporttype/{id}"   (HTTP-GET) 
If a new ReportType entity has been created, the new entity should be posted to the relative URL: 
    "/SchoolEventService/reporttype"   (HTTP-POST) 
If an existing ReportType entity has been updated, the modified entity should be sent to the relative URL: 
    "/SchoolEventService/reporttype/{id}"   (HTTP-PUT) 
If an existing ReportType entity has to be deleted, the following relative URL should be called: 
    "/SchoolEventService/reporttype/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following SchoolEvent columns: 
    - column: FromDate 
    - column: SchoolEventType 
    - column: ToDate 
    - column: Description 
    - column: ReportType 
    - column: ShortTitle 
The table should have the title "SchoolEvents" und the data must be loaded from the server with the following relative URL: 
    "/SchoolEventService/schoolevent/reporttype/{id}"

3. The SchoolEventView must contain the following fields: 
    - name: FromDate   type: DATE 
    - name: ReportType   type: ReportType 
    - name: Description   type: STRING 
    - name: ToDate   type: DATE 
    - name: ShortTitle   type: STRING 
    - name: SchoolEventType   type: SchoolEventType 
The data source for the [SchoolEventType] select control should be loaded from the relative URL: 
    "/SchoolEventService/schooleventtype"   (HTTP-GET) 
The data source for the [ReportType] select control should be loaded from the relative URL: 
    "/SchoolEventService/reporttype"   (HTTP-GET) 
An existing SchoolEvent entity should be loaded from the relative URL: 
    "/SchoolEventService/schoolevent/{id}"   (HTTP-GET) 
If a new SchoolEvent entity has been created, the new entity should be posted to the relative URL: 
    "/SchoolEventService/schoolevent"   (HTTP-POST) 
If an existing SchoolEvent entity has been updated, the modified entity should be sent to the relative URL: 
    "/SchoolEventService/schoolevent/{id}"   (HTTP-PUT) 
If an existing SchoolEvent entity has to be deleted, the following relative URL should be called: 
    "/SchoolEventService/schoolevent/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following SchoolEventAttendee columns: 
    - column: Teacher 
    - column: ExternalPerson 
    - column: InvitationShipped 
    - column: Student 
    - column: SchoolEvent 
    - column: Invitation 
The table should have the title "SchoolEventAttendees" und the data must be loaded from the server with the following relative URL: 
    "/SchoolEventService/schooleventattendee/schoolevent/{id}" 
Add a HTML table to the view with the following Contribution columns: 
    - column: Student 
    - column: PaymentDetails 
    - column: Amount 
    - column: SchoolEvent 
    - column: SchoolTrip 
The table should have the title "Contributions" und the data must be loaded from the server with the following relative URL: 
    "/SchoolEventService/contribution/schoolevent/{id}" 
Add a HTML table to the view with the following EventTask columns: 
    - column: TaskTitle 
    - column: ExternalPerson 
    - column: Teacher 
    - column: Details 
    - column: SchoolEvent 
    - column: Student 
The table should have the title "EventTasks" und the data must be loaded from the server with the following relative URL: 
    "/StudentService/eventtask/schoolevent/{id}"

4. The SchoolEventAttendeeView must contain the following fields: 
    - name: Invitation   type: BOOL 
    - name: InvitationShipped   type: BOOL 
    - name: ExternalPerson   type: ExternalPerson 
    - name: Teacher   type: Teacher 
    - name: SchoolEvent   type: SchoolEvent 
    - name: Student   type: Student 
The data source for the [ExternalPerson] select control should be loaded from the relative URL: 
    "/ExternalPersonService/externalperson"   (HTTP-GET) 
The data source for the [Teacher] select control should be loaded from the relative URL: 
    "/StudentService/teacher"   (HTTP-GET) 
The data source for the [SchoolEvent] select control should be loaded from the relative URL: 
    "/SchoolEventService/schoolevent"   (HTTP-GET) 
The data source for the [Student] select control should be loaded from the relative URL: 
    "/StudentService/student"   (HTTP-GET) 
An existing SchoolEventAttendee entity should be loaded from the relative URL: 
    "/SchoolEventService/schooleventattendee/{id}"   (HTTP-GET) 
If a new SchoolEventAttendee entity has been created, the new entity should be posted to the relative URL: 
    "/SchoolEventService/schooleventattendee"   (HTTP-POST) 
If an existing SchoolEventAttendee entity has been updated, the modified entity should be sent to the relative URL: 
    "/SchoolEventService/schooleventattendee/{id}"   (HTTP-PUT) 
If an existing SchoolEventAttendee entity has to be deleted, the following relative URL should be called: 
    "/SchoolEventService/schooleventattendee/{id}"   (HTTP-DELETE)

5. The SchoolEventTypeView must contain the following fields: 
    - name: EventTypeName   type: STRING 
An existing SchoolEventType entity should be loaded from the relative URL: 
    "/SchoolEventService/schooleventtype/{id}"   (HTTP-GET) 
If a new SchoolEventType entity has been created, the new entity should be posted to the relative URL: 
    "/SchoolEventService/schooleventtype"   (HTTP-POST) 
If an existing SchoolEventType entity has been updated, the modified entity should be sent to the relative URL: 
    "/SchoolEventService/schooleventtype/{id}"   (HTTP-PUT) 
If an existing SchoolEventType entity has to be deleted, the following relative URL should be called: 
    "/SchoolEventService/schooleventtype/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following SchoolEvent columns: 
    - column: FromDate 
    - column: SchoolEventType 
    - column: ToDate 
    - column: Description 
    - column: ReportType 
    - column: ShortTitle 
The table should have the title "SchoolEvents" und the data must be loaded from the server with the following relative URL: 
    "/SchoolEventService/schoolevent/schooleventtype/{id}"

6. The SchoolTripView must contain the following fields: 
    - name: ToDate   type: DATE 
    - name: FromDate   type: DATE 
    - name: Destination   type: STRING 
An existing SchoolTrip entity should be loaded from the relative URL: 
    "/SchoolEventService/schooltrip/{id}"   (HTTP-GET) 
If a new SchoolTrip entity has been created, the new entity should be posted to the relative URL: 
    "/SchoolEventService/schooltrip"   (HTTP-POST) 
If an existing SchoolTrip entity has been updated, the modified entity should be sent to the relative URL: 
    "/SchoolEventService/schooltrip/{id}"   (HTTP-PUT) 
If an existing SchoolTrip entity has to be deleted, the following relative URL should be called: 
    "/SchoolEventService/schooltrip/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Contribution columns: 
    - column: Student 
    - column: PaymentDetails 
    - column: Amount 
    - column: SchoolEvent 
    - column: SchoolTrip 
The table should have the title "Contributions" und the data must be loaded from the server with the following relative URL: 
    "/SchoolEventService/contribution/schooltrip/{id}"