Prompt for the QualifikationApp

Please create a React-JS application for the QualifikationModule. The application  has to offer the following views for the user interface: 
    1. PersonalView 
    2. PersonalRolleView 
    3. QualifikationView 
    4. RolleView 
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 PersonalView must contain the following fields: 
    - name: BeschaeftigtBis   type: DATE 
    - name: BeschaeftigtSeit   type: DATE 
    - name: Fachkraft   type: BOOL 
    - name: Geburtsdatum   type: DATE 
    - name: Nachname   type: STRING 
    - name: Pflegeheim   type: Pflegeheim 
    - name: Qualifikation   type: Qualifikation 
    - name: Vollzeitaequivalent   type: DOUBLE 
    - name: Vorname   type: STRING 
The data source for the [Pflegeheim] select control should be loaded from the relative URL: 
    "/PflegeheimService/pflegeheim"   (HTTP-GET) 
The data source for the [Qualifikation] select control should be loaded from the relative URL: 
    "/QualifikationService/qualifikation"   (HTTP-GET) 
An existing Personal entity should be loaded from the relative URL: 
    "/QualifikationService/personal/{id}"   (HTTP-GET) 
If a new Personal entity has been created, the new entity should be posted to the relative URL: 
    "/QualifikationService/personal"   (HTTP-POST) 
If an existing Personal entity has been updated, the modified entity should be sent to the relative URL: 
    "/QualifikationService/personal/{id}"   (HTTP-PUT) 
If an existing Personal entity has to be deleted, the following relative URL should be called: 
    "/QualifikationService/personal/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following PersonalRolle columns: 
    - column: GueltigAb 
    - column: Rolle 
    - column: Personal 
    - column: GueltigBis 
The table should have the title "PersonalRolles" und the data must be loaded from the server with the following relative URL: 
    "/QualifikationService/personalrolle/personal/{id}"

2. The PersonalRolleView must contain the following fields: 
    - name: GueltigAb   type: DATE 
    - name: GueltigBis   type: DATE 
    - name: Personal   type: Personal 
    - name: Rolle   type: Rolle 
The data source for the [Personal] select control should be loaded from the relative URL: 
    "/QualifikationService/personal"   (HTTP-GET) 
The data source for the [Rolle] select control should be loaded from the relative URL: 
    "/QualifikationService/rolle"   (HTTP-GET) 
An existing PersonalRolle entity should be loaded from the relative URL: 
    "/QualifikationService/personalrolle/{id}"   (HTTP-GET) 
If a new PersonalRolle entity has been created, the new entity should be posted to the relative URL: 
    "/QualifikationService/personalrolle"   (HTTP-POST) 
If an existing PersonalRolle entity has been updated, the modified entity should be sent to the relative URL: 
    "/QualifikationService/personalrolle/{id}"   (HTTP-PUT) 
If an existing PersonalRolle entity has to be deleted, the following relative URL should be called: 
    "/QualifikationService/personalrolle/{id}"   (HTTP-DELETE)

3. The QualifikationView must contain the following fields: 
    - name: AusbildungsdauerJahre   type: INT 
    - name: Beschreibung   type: STRING 
    - name: Bezeichnung   type: STRING 
    - name: Code   type: STRING 
An existing Qualifikation entity should be loaded from the relative URL: 
    "/QualifikationService/qualifikation/{id}"   (HTTP-GET) 
If a new Qualifikation entity has been created, the new entity should be posted to the relative URL: 
    "/QualifikationService/qualifikation"   (HTTP-POST) 
If an existing Qualifikation entity has been updated, the modified entity should be sent to the relative URL: 
    "/QualifikationService/qualifikation/{id}"   (HTTP-PUT) 
If an existing Qualifikation entity has to be deleted, the following relative URL should be called: 
    "/QualifikationService/qualifikation/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Personal columns: 
    - column: Qualifikation 
    - column: Fachkraft 
    - column: BeschaeftigtBis 
    - column: BeschaeftigtSeit 
    - column: Vorname 
    - column: Vollzeitaequivalent 
    - column: Nachname 
    - column: Pflegeheim 
    - column: Geburtsdatum 
The table should have the title "Personals" und the data must be loaded from the server with the following relative URL: 
    "/QualifikationService/personal/qualifikation/{id}"

4. The RolleView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Bezeichnung   type: STRING 
    - name: Code   type: STRING 
An existing Rolle entity should be loaded from the relative URL: 
    "/QualifikationService/rolle/{id}"   (HTTP-GET) 
If a new Rolle entity has been created, the new entity should be posted to the relative URL: 
    "/QualifikationService/rolle"   (HTTP-POST) 
If an existing Rolle entity has been updated, the modified entity should be sent to the relative URL: 
    "/QualifikationService/rolle/{id}"   (HTTP-PUT) 
If an existing Rolle entity has to be deleted, the following relative URL should be called: 
    "/QualifikationService/rolle/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following PersonalRolle columns: 
    - column: GueltigAb 
    - column: Rolle 
    - column: Personal 
    - column: GueltigBis 
The table should have the title "PersonalRolles" und the data must be loaded from the server with the following relative URL: 
    "/QualifikationService/personalrolle/rolle/{id}"