Prompt for the LiveStreamApp

Please create a React-JS application for the LiveStreamModule. The application  has to offer the following views for the user interface: 
    1. CaptionView 
    2. LiveChatMessageView 
    3. LiveStreamView 
    4. ThumbnailView 
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 CaptionView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: Format   type: STRING 
    - name: IsAutoGenerated   type: BOOL 
    - name: Language   type: STRING 
    - name: Name   type: STRING 
    - name: StorageKey   type: STRING 
    - name: UpdatedAt   type: DATE 
    - name: Video   type: Video 
The data source for the [Video] select control should be loaded from the relative URL: 
    "/VideoService/video"   (HTTP-GET) 
An existing Caption entity should be loaded from the relative URL: 
    "/LiveStreamService/caption/{id}"   (HTTP-GET) 
If a new Caption entity has been created, the new entity should be posted to the relative URL: 
    "/LiveStreamService/caption"   (HTTP-POST) 
If an existing Caption entity has been updated, the modified entity should be sent to the relative URL: 
    "/LiveStreamService/caption/{id}"   (HTTP-PUT) 
If an existing Caption entity has to be deleted, the following relative URL should be called: 
    "/LiveStreamService/caption/{id}"   (HTTP-DELETE)

2. The LiveChatMessageView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: Currency   type: STRING 
    - name: IsDeleted   type: BOOL 
    - name: LiveStream   type: LiveStream 
    - name: MessageText   type: STRING 
    - name: SuperChatAmount   type: DOUBLE 
    - name: User   type: User 
The data source for the [User] select control should be loaded from the relative URL: 
    "/UserService/user"   (HTTP-GET) 
The data source for the [LiveStream] select control should be loaded from the relative URL: 
    "/LiveStreamService/livestream"   (HTTP-GET) 
An existing LiveChatMessage entity should be loaded from the relative URL: 
    "/LiveStreamService/livechatmessage/{id}"   (HTTP-GET) 
If a new LiveChatMessage entity has been created, the new entity should be posted to the relative URL: 
    "/LiveStreamService/livechatmessage"   (HTTP-POST) 
If an existing LiveChatMessage entity has been updated, the modified entity should be sent to the relative URL: 
    "/LiveStreamService/livechatmessage/{id}"   (HTTP-PUT) 
If an existing LiveChatMessage entity has to be deleted, the following relative URL should be called: 
    "/LiveStreamService/livechatmessage/{id}"   (HTTP-DELETE)

3. The LiveStreamView must contain the following fields: 
    - name: ActualEndAt   type: DATE 
    - name: ActualStartAt   type: DATE 
    - name: Channel   type: Channel 
    - name: ConcurrentViewersPeak   type: LONG 
    - name: CreatedAt   type: DATE 
    - name: Description   type: STRING 
    - name: ScheduledStartAt   type: DATE 
    - name: Status   type: STRING 
    - name: Title   type: STRING 
    - name: Video   type: Video 
The data source for the [Video] select control should be loaded from the relative URL: 
    "/VideoService/video"   (HTTP-GET) 
The data source for the [Channel] select control should be loaded from the relative URL: 
    "/ChannelService/channel"   (HTTP-GET) 
An existing LiveStream entity should be loaded from the relative URL: 
    "/LiveStreamService/livestream/{id}"   (HTTP-GET) 
If a new LiveStream entity has been created, the new entity should be posted to the relative URL: 
    "/LiveStreamService/livestream"   (HTTP-POST) 
If an existing LiveStream entity has been updated, the modified entity should be sent to the relative URL: 
    "/LiveStreamService/livestream/{id}"   (HTTP-PUT) 
If an existing LiveStream entity has to be deleted, the following relative URL should be called: 
    "/LiveStreamService/livestream/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following LiveChatMessage columns: 
    - column: CreatedAt 
    - column: Currency 
    - column: LiveStream 
    - column: MessageText 
    - column: User 
    - column: IsDeleted 
    - column: SuperChatAmount 
The table should have the title "LiveChatMessages" und the data must be loaded from the server with the following relative URL: 
    "/LiveStreamService/livechatmessage/livestream/{id}"

4. The ThumbnailView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: Height   type: LONG 
    - name: QualityLabel   type: STRING 
    - name: Url   type: STRING 
    - name: Video   type: Video 
    - name: Width   type: LONG 
The data source for the [Video] select control should be loaded from the relative URL: 
    "/VideoService/video"   (HTTP-GET) 
An existing Thumbnail entity should be loaded from the relative URL: 
    "/LiveStreamService/thumbnail/{id}"   (HTTP-GET) 
If a new Thumbnail entity has been created, the new entity should be posted to the relative URL: 
    "/LiveStreamService/thumbnail"   (HTTP-POST) 
If an existing Thumbnail entity has been updated, the modified entity should be sent to the relative URL: 
    "/LiveStreamService/thumbnail/{id}"   (HTTP-PUT) 
If an existing Thumbnail entity has to be deleted, the following relative URL should be called: 
    "/LiveStreamService/thumbnail/{id}"   (HTTP-DELETE)