Prompt for the GroupApp

Please create a React-JS application for the GroupModule. The application  has to offer the following views for the user interface: 
    1. GroupView 
    2. GroupMemberView 
    3. NewsItemView 
    4. UserProfileView 
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 GroupView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: Description   type: STRING 
    - name: Name   type: STRING 
    - name: OwnerUser   type: UserAccount 
    - name: PictureUrl   type: STRING 
    - name: PrivacyLevel   type: STRING 
The data source for the [OwnerUser] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing Group entity should be loaded from the relative URL: 
    "/GroupService/group/{id}"   (HTTP-GET) 
If a new Group entity has been created, the new entity should be posted to the relative URL: 
    "/GroupService/group"   (HTTP-POST) 
If an existing Group entity has been updated, the modified entity should be sent to the relative URL: 
    "/GroupService/group/{id}"   (HTTP-PUT) 
If an existing Group entity has to be deleted, the following relative URL should be called: 
    "/GroupService/group/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following GroupMember columns: 
    - column: Role 
    - column: User 
    - column: InvitedByUser 
    - column: IsApproved 
    - column: Group 
    - column: JoinedAt 
The table should have the title "GroupMembers" und the data must be loaded from the server with the following relative URL: 
    "/GroupService/groupmember/group/{id}"

2. The GroupMemberView must contain the following fields: 
    - name: Group   type: Group 
    - name: InvitedByUser   type: UserAccount 
    - name: IsApproved   type: BOOL 
    - name: JoinedAt   type: DATE 
    - name: Role   type: STRING 
    - name: User   type: UserAccount 
The data source for the [Group] select control should be loaded from the relative URL: 
    "/GroupService/group"   (HTTP-GET) 
The data source for the [User] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
The data source for the [InvitedByUser] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing GroupMember entity should be loaded from the relative URL: 
    "/GroupService/groupmember/{id}"   (HTTP-GET) 
If a new GroupMember entity has been created, the new entity should be posted to the relative URL: 
    "/GroupService/groupmember"   (HTTP-POST) 
If an existing GroupMember entity has been updated, the modified entity should be sent to the relative URL: 
    "/GroupService/groupmember/{id}"   (HTTP-PUT) 
If an existing GroupMember entity has to be deleted, the following relative URL should be called: 
    "/GroupService/groupmember/{id}"   (HTTP-DELETE)

3. The NewsItemView must contain the following fields: 
    - name: Industry   type: STRING 
    - name: PublishedAt   type: DATE 
    - name: PublisherName   type: STRING 
    - name: Summary   type: STRING 
    - name: Title   type: STRING 
    - name: Url   type: STRING 
An existing NewsItem entity should be loaded from the relative URL: 
    "/GroupService/newsitem/{id}"   (HTTP-GET) 
If a new NewsItem entity has been created, the new entity should be posted to the relative URL: 
    "/GroupService/newsitem"   (HTTP-POST) 
If an existing NewsItem entity has been updated, the modified entity should be sent to the relative URL: 
    "/GroupService/newsitem/{id}"   (HTTP-PUT) 
If an existing NewsItem entity has to be deleted, the following relative URL should be called: 
    "/GroupService/newsitem/{id}"   (HTTP-DELETE)

4. The UserProfileView must contain the following fields: 
    - name: BackgroundImageUrl   type: STRING 
    - name: Birthday   type: DATE 
    - name: ContactInfoVisibility   type: STRING 
    - name: FirstName   type: STRING 
    - name: Headline   type: STRING 
    - name: Industry   type: STRING 
    - name: LastName   type: STRING 
    - name: Location   type: STRING 
    - name: OpenToRelocate   type: BOOL 
    - name: OpenToWork   type: BOOL 
    - name: ProfilePictureUrl   type: STRING 
    - name: Summary   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) 
An existing UserProfile entity should be loaded from the relative URL: 
    "/GroupService/userprofile/{id}"   (HTTP-GET) 
If a new UserProfile entity has been created, the new entity should be posted to the relative URL: 
    "/GroupService/userprofile"   (HTTP-POST) 
If an existing UserProfile entity has been updated, the modified entity should be sent to the relative URL: 
    "/GroupService/userprofile/{id}"   (HTTP-PUT) 
If an existing UserProfile entity has to be deleted, the following relative URL should be called: 
    "/GroupService/userprofile/{id}"   (HTTP-DELETE)