Prompt for the PersonApp

Please create a React-JS application for the PersonModule. The application  has to offer the following views for the user interface: 
    1. PersonView 
    2. PersonenrolleView 
    3. RegionalstelleView 
    4. RollenartView 
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 PersonView must contain the following fields: 
    - name: Eintrittsdatum   type: DATE 
    - name: Geburtsdatum   type: DATE 
    - name: Geschlecht   type: STRING 
    - name: IstEhrenamtlich   type: BOOL 
    - name: IstHauptamtlich   type: BOOL 
    - name: IstJugend   type: BOOL 
    - name: Nachname   type: STRING 
    - name: Ortsverband   type: Ortsverband 
    - name: Vorname   type: STRING 
The data source for the [Ortsverband] select control should be loaded from the relative URL: 
    "/OrtsverbandService/ortsverband"   (HTTP-GET) 
An existing Person entity should be loaded from the relative URL: 
    "/PersonService/person/{id}"   (HTTP-GET) 
If a new Person entity has been created, the new entity should be posted to the relative URL: 
    "/PersonService/person"   (HTTP-POST) 
If an existing Person entity has been updated, the modified entity should be sent to the relative URL: 
    "/PersonService/person/{id}"   (HTTP-PUT) 
If an existing Person entity has to be deleted, the following relative URL should be called: 
    "/PersonService/person/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Personenrolle columns: 
    - column: Regionalstelle 
    - column: Ausbildungszentrum 
    - column: Landesverband 
    - column: Person 
    - column: Rollenart 
    - column: TechnischerZug 
    - column: VonDatum 
    - column: Ortsverband 
    - column: BisDatum 
    - column: Logistikzentrum 
    - column: IstAktuell 
The table should have the title "Personenrolles" und the data must be loaded from the server with the following relative URL: 
    "/PersonService/personenrolle/person/{id}" 
Add a HTML table to the view with the following Mitgliedschaft columns: 
    - column: Person 
    - column: VonDatum 
    - column: BisDatum 
    - column: Ortsverband 
    - column: IstAktiv 
The table should have the title "Mitgliedschafts" und the data must be loaded from the server with the following relative URL: 
    "/OrtsverbandService/mitgliedschaft/person/{id}" 
Add a HTML table to the view with the following Jugendmitgliedschaft columns: 
    - column: BisDatum 
    - column: Person 
    - column: VonDatum 
    - column: Jugendgruppe 
The table should have the title "Jugendmitgliedschafts" und the data must be loaded from the server with the following relative URL: 
    "/LandesverbandService/jugendmitgliedschaft/person/{id}"

2. The PersonenrolleView must contain the following fields: 
    - name: Ausbildungszentrum   type: Ausbildungszentrum 
    - name: BisDatum   type: DATE 
    - name: IstAktuell   type: BOOL 
    - name: Landesverband   type: Landesverband 
    - name: Logistikzentrum   type: Logistikzentrum 
    - name: Ortsverband   type: Ortsverband 
    - name: Person   type: Person 
    - name: Regionalstelle   type: Regionalstelle 
    - name: Rollenart   type: Rollenart 
    - name: TechnischerZug   type: LONG 
    - name: VonDatum   type: DATE 
The data source for the [Rollenart] select control should be loaded from the relative URL: 
    "/PersonService/rollenart"   (HTTP-GET) 
The data source for the [Landesverband] select control should be loaded from the relative URL: 
    "/LandesverbandService/landesverband"   (HTTP-GET) 
The data source for the [Regionalstelle] select control should be loaded from the relative URL: 
    "/PersonService/regionalstelle"   (HTTP-GET) 
The data source for the [Ortsverband] select control should be loaded from the relative URL: 
    "/OrtsverbandService/ortsverband"   (HTTP-GET) 
The data source for the [Ausbildungszentrum] select control should be loaded from the relative URL: 
    "/TechnischesHilfswerkService/ausbildungszentrum"   (HTTP-GET) 
The data source for the [Logistikzentrum] select control should be loaded from the relative URL: 
    "/TechnischesHilfswerkService/logistikzentrum"   (HTTP-GET) 
The data source for the [Person] select control should be loaded from the relative URL: 
    "/PersonService/person"   (HTTP-GET) 
An existing Personenrolle entity should be loaded from the relative URL: 
    "/PersonService/personenrolle/{id}"   (HTTP-GET) 
If a new Personenrolle entity has been created, the new entity should be posted to the relative URL: 
    "/PersonService/personenrolle"   (HTTP-POST) 
If an existing Personenrolle entity has been updated, the modified entity should be sent to the relative URL: 
    "/PersonService/personenrolle/{id}"   (HTTP-PUT) 
If an existing Personenrolle entity has to be deleted, the following relative URL should be called: 
    "/PersonService/personenrolle/{id}"   (HTTP-DELETE)

3. The RegionalstelleView must contain the following fields: 
    - name: Landesverband   type: Landesverband 
    - name: Name   type: STRING 
    - name: SitzBundesland   type: STRING 
    - name: SitzStadt   type: STRING 
The data source for the [Landesverband] select control should be loaded from the relative URL: 
    "/LandesverbandService/landesverband"   (HTTP-GET) 
An existing Regionalstelle entity should be loaded from the relative URL: 
    "/PersonService/regionalstelle/{id}"   (HTTP-GET) 
If a new Regionalstelle entity has been created, the new entity should be posted to the relative URL: 
    "/PersonService/regionalstelle"   (HTTP-POST) 
If an existing Regionalstelle entity has been updated, the modified entity should be sent to the relative URL: 
    "/PersonService/regionalstelle/{id}"   (HTTP-PUT) 
If an existing Regionalstelle entity has to be deleted, the following relative URL should be called: 
    "/PersonService/regionalstelle/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Personenrolle columns: 
    - column: Regionalstelle 
    - column: Ausbildungszentrum 
    - column: Landesverband 
    - column: Person 
    - column: Rollenart 
    - column: TechnischerZug 
    - column: VonDatum 
    - column: Ortsverband 
    - column: BisDatum 
    - column: Logistikzentrum 
    - column: IstAktuell 
The table should have the title "Personenrolles" und the data must be loaded from the server with the following relative URL: 
    "/PersonService/personenrolle/regionalstelle/{id}" 
Add a HTML table to the view with the following Ortsverband columns: 
    - column: StandortStadt 
    - column: Name 
    - column: StandortBundesland 
    - column: Regionalstelle 
The table should have the title "Ortsverbands" und the data must be loaded from the server with the following relative URL: 
    "/OrtsverbandService/ortsverband/regionalstelle/{id}"

4. The RollenartView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Ebene   type: STRING 
    - name: Name   type: STRING 
An existing Rollenart entity should be loaded from the relative URL: 
    "/PersonService/rollenart/{id}"   (HTTP-GET) 
If a new Rollenart entity has been created, the new entity should be posted to the relative URL: 
    "/PersonService/rollenart"   (HTTP-POST) 
If an existing Rollenart entity has been updated, the modified entity should be sent to the relative URL: 
    "/PersonService/rollenart/{id}"   (HTTP-PUT) 
If an existing Rollenart entity has to be deleted, the following relative URL should be called: 
    "/PersonService/rollenart/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Personenrolle columns: 
    - column: Regionalstelle 
    - column: Ausbildungszentrum 
    - column: Landesverband 
    - column: Person 
    - column: Rollenart 
    - column: TechnischerZug 
    - column: VonDatum 
    - column: Ortsverband 
    - column: BisDatum 
    - column: Logistikzentrum 
    - column: IstAktuell 
The table should have the title "Personenrolles" und the data must be loaded from the server with the following relative URL: 
    "/PersonService/personenrolle/rollenart/{id}"