Prompt for the ListApp

Please create a React-JS application for the ListModule. The application  has to offer the following views for the user interface: 
    1. CommunityMembershipView 
    2. ListView 
    3. ListMembershipView 
    4. MediaView 
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 CommunityMembershipView must contain the following fields: 
    - name: Community   type: Community 
    - name: JoinedAt   type: STRING 
    - name: LeftAt   type: STRING 
    - name: Role   type: STRING 
    - name: User   type: UserAccount 
The data source for the [User] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
The data source for the [Community] select control should be loaded from the relative URL: 
    "/UserAccountService/community"   (HTTP-GET) 
An existing CommunityMembership entity should be loaded from the relative URL: 
    "/ListService/communitymembership/{id}"   (HTTP-GET) 
If a new CommunityMembership entity has been created, the new entity should be posted to the relative URL: 
    "/ListService/communitymembership"   (HTTP-POST) 
If an existing CommunityMembership entity has been updated, the modified entity should be sent to the relative URL: 
    "/ListService/communitymembership/{id}"   (HTTP-PUT) 
If an existing CommunityMembership entity has to be deleted, the following relative URL should be called: 
    "/ListService/communitymembership/{id}"   (HTTP-DELETE)

2. The ListView must contain the following fields: 
    - name: CreatedAt   type: STRING 
    - name: Description   type: STRING 
    - name: IsPrivate   type: BOOL 
    - name: Name   type: STRING 
    - name: OwnerUser   type: UserAccount 
The data source for the [OwnerUser] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing List entity should be loaded from the relative URL: 
    "/ListService/list/{id}"   (HTTP-GET) 
If a new List entity has been created, the new entity should be posted to the relative URL: 
    "/ListService/list"   (HTTP-POST) 
If an existing List entity has been updated, the modified entity should be sent to the relative URL: 
    "/ListService/list/{id}"   (HTTP-PUT) 
If an existing List entity has to be deleted, the following relative URL should be called: 
    "/ListService/list/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following ListMembership columns: 
    - column: List 
    - column: AddedByUser 
    - column: User 
    - column: AddedAt 
The table should have the title "ListMemberships" und the data must be loaded from the server with the following relative URL: 
    "/ListService/listmembership/list/{id}"

3. The ListMembershipView must contain the following fields: 
    - name: AddedAt   type: STRING 
    - name: AddedByUser   type: UserAccount 
    - name: List   type: List 
    - name: User   type: UserAccount 
The data source for the [User] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
The data source for the [AddedByUser] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
The data source for the [List] select control should be loaded from the relative URL: 
    "/ListService/list"   (HTTP-GET) 
An existing ListMembership entity should be loaded from the relative URL: 
    "/ListService/listmembership/{id}"   (HTTP-GET) 
If a new ListMembership entity has been created, the new entity should be posted to the relative URL: 
    "/ListService/listmembership"   (HTTP-POST) 
If an existing ListMembership entity has been updated, the modified entity should be sent to the relative URL: 
    "/ListService/listmembership/{id}"   (HTTP-PUT) 
If an existing ListMembership entity has to be deleted, the following relative URL should be called: 
    "/ListService/listmembership/{id}"   (HTTP-DELETE)

4. The MediaView must contain the following fields: 
    - name: AltText   type: STRING 
    - name: DurationSeconds   type: INT 
    - name: Height   type: INT 
    - name: Tweet   type: Tweet 
    - name: Type   type: STRING 
    - name: Url   type: STRING 
    - name: Width   type: INT 
The data source for the [Tweet] select control should be loaded from the relative URL: 
    "/TweetService/tweet"   (HTTP-GET) 
An existing Media entity should be loaded from the relative URL: 
    "/ListService/media/{id}"   (HTTP-GET) 
If a new Media entity has been created, the new entity should be posted to the relative URL: 
    "/ListService/media"   (HTTP-POST) 
If an existing Media entity has been updated, the modified entity should be sent to the relative URL: 
    "/ListService/media/{id}"   (HTTP-PUT) 
If an existing Media entity has to be deleted, the following relative URL should be called: 
    "/ListService/media/{id}"   (HTTP-DELETE)