Prompt for the VoiceCallApp

Please create a React-JS application for the VoiceCallModule. The application  has to offer the following views for the user interface: 
    1. CallParticipantView 
    2. LoginSessionView 
    3. VoiceCallView 
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 CallParticipantView must contain the following fields: 
    - name: ConnectionQuality   type: STRING 
    - name: JoinedAt   type: DATE 
    - name: LeftAt   type: DATE 
    - name: UserAccount   type: UserAccount 
    - name: VoiceCall   type: VoiceCall 
The data source for the [UserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
The data source for the [VoiceCall] select control should be loaded from the relative URL: 
    "/VoiceCallService/voicecall"   (HTTP-GET) 
An existing CallParticipant entity should be loaded from the relative URL: 
    "/VoiceCallService/callparticipant/{id}"   (HTTP-GET) 
If a new CallParticipant entity has been created, the new entity should be posted to the relative URL: 
    "/VoiceCallService/callparticipant"   (HTTP-POST) 
If an existing CallParticipant entity has been updated, the modified entity should be sent to the relative URL: 
    "/VoiceCallService/callparticipant/{id}"   (HTTP-PUT) 
If an existing CallParticipant entity has to be deleted, the following relative URL should be called: 
    "/VoiceCallService/callparticipant/{id}"   (HTTP-DELETE)

2. The LoginSessionView must contain the following fields: 
    - name: IpAddress   type: STRING 
    - name: IsActive   type: BOOL 
    - name: LoggedInAt   type: DATE 
    - name: LoggedOutAt   type: DATE 
    - name: LoginMethod   type: STRING 
    - name: UserAccount   type: UserAccount 
    - name: UserDevice   type: UserDevice 
The data source for the [UserDevice] select control should be loaded from the relative URL: 
    "/UserDeviceService/userdevice"   (HTTP-GET) 
The data source for the [UserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing LoginSession entity should be loaded from the relative URL: 
    "/VoiceCallService/loginsession/{id}"   (HTTP-GET) 
If a new LoginSession entity has been created, the new entity should be posted to the relative URL: 
    "/VoiceCallService/loginsession"   (HTTP-POST) 
If an existing LoginSession entity has been updated, the modified entity should be sent to the relative URL: 
    "/VoiceCallService/loginsession/{id}"   (HTTP-PUT) 
If an existing LoginSession entity has to be deleted, the following relative URL should be called: 
    "/VoiceCallService/loginsession/{id}"   (HTTP-DELETE)

3. The VoiceCallView must contain the following fields: 
    - name: CallType   type: STRING 
    - name: Chat   type: Chat 
    - name: Codec   type: STRING 
    - name: EndedAt   type: DATE 
    - name: InitiatorUserAccount   type: UserAccount 
    - name: IsGroupCall   type: BOOL 
    - name: IsRecorded   type: BOOL 
    - name: MaxParticipants   type: LONG 
    - name: StartedAt   type: DATE 
The data source for the [Chat] select control should be loaded from the relative URL: 
    "/ChatService/chat"   (HTTP-GET) 
The data source for the [InitiatorUserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing VoiceCall entity should be loaded from the relative URL: 
    "/VoiceCallService/voicecall/{id}"   (HTTP-GET) 
If a new VoiceCall entity has been created, the new entity should be posted to the relative URL: 
    "/VoiceCallService/voicecall"   (HTTP-POST) 
If an existing VoiceCall entity has been updated, the modified entity should be sent to the relative URL: 
    "/VoiceCallService/voicecall/{id}"   (HTTP-PUT) 
If an existing VoiceCall entity has to be deleted, the following relative URL should be called: 
    "/VoiceCallService/voicecall/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following CallParticipant columns: 
    - column: LeftAt 
    - column: UserAccount 
    - column: JoinedAt 
    - column: VoiceCall 
    - column: ConnectionQuality 
The table should have the title "CallParticipants" und the data must be loaded from the server with the following relative URL: 
    "/VoiceCallService/callparticipant/voicecall/{id}"