Prompt for the SkillApp

Please create a React-JS application for the SkillModule. The application  has to offer the following views for the user interface: 
    1. EnrollmentView 
    2. SkillView 
    3. UserSkillView 
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 EnrollmentView must contain the following fields: 
    - name: CompletedAt   type: DATE 
    - name: Course   type: Course 
    - name: EnrolledAt   type: DATE 
    - name: ProgressPercent   type: DOUBLE 
    - name: Status   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 [Course] select control should be loaded from the relative URL: 
    "/CompanyService/course"   (HTTP-GET) 
An existing Enrollment entity should be loaded from the relative URL: 
    "/SkillService/enrollment/{id}"   (HTTP-GET) 
If a new Enrollment entity has been created, the new entity should be posted to the relative URL: 
    "/SkillService/enrollment"   (HTTP-POST) 
If an existing Enrollment entity has been updated, the modified entity should be sent to the relative URL: 
    "/SkillService/enrollment/{id}"   (HTTP-PUT) 
If an existing Enrollment entity has to be deleted, the following relative URL should be called: 
    "/SkillService/enrollment/{id}"   (HTTP-DELETE)

2. The SkillView must contain the following fields: 
    - name: Description   type: STRING 
    - name: Name   type: STRING 
An existing Skill entity should be loaded from the relative URL: 
    "/SkillService/skill/{id}"   (HTTP-GET) 
If a new Skill entity has been created, the new entity should be posted to the relative URL: 
    "/SkillService/skill"   (HTTP-POST) 
If an existing Skill entity has been updated, the modified entity should be sent to the relative URL: 
    "/SkillService/skill/{id}"   (HTTP-PUT) 
If an existing Skill entity has to be deleted, the following relative URL should be called: 
    "/SkillService/skill/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following UserSkill columns: 
    - column: IsPrimary 
    - column: User 
    - column: ProficiencyLevel 
    - column: YearsOfExperience 
    - column: Skill 
The table should have the title "UserSkills" und the data must be loaded from the server with the following relative URL: 
    "/SkillService/userskill/skill/{id}" 
Add a HTML table to the view with the following SkillEndorsement columns: 
    - column: Skill 
    - column: EndorserUser 
    - column: TargetUser 
    - column: Comment 
    - column: CreatedAt 
The table should have the title "SkillEndorsements" und the data must be loaded from the server with the following relative URL: 
    "/UserAccountService/skillendorsement/skill/{id}"

3. The UserSkillView must contain the following fields: 
    - name: IsPrimary   type: BOOL 
    - name: ProficiencyLevel   type: STRING 
    - name: Skill   type: Skill 
    - name: User   type: UserAccount 
    - name: YearsOfExperience   type: INT 
The data source for the [Skill] select control should be loaded from the relative URL: 
    "/SkillService/skill"   (HTTP-GET) 
The data source for the [User] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing UserSkill entity should be loaded from the relative URL: 
    "/SkillService/userskill/{id}"   (HTTP-GET) 
If a new UserSkill entity has been created, the new entity should be posted to the relative URL: 
    "/SkillService/userskill"   (HTTP-POST) 
If an existing UserSkill entity has been updated, the modified entity should be sent to the relative URL: 
    "/SkillService/userskill/{id}"   (HTTP-PUT) 
If an existing UserSkill entity has to be deleted, the following relative URL should be called: 
    "/SkillService/userskill/{id}"   (HTTP-DELETE)