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. KooperationsvereinbarungView 
    2. PersonView 
    3. SorgeverhaeltnisView 
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 KooperationsvereinbarungView must contain the following fields: 
    - name: Beginn   type: DATE 
    - name: BeratungsanspruchInsoweitErfahreneFachkraft   type: BOOL 
    - name: Ende   type: DATE 
    - name: FreierTraeger   type: FreierTraeger 
    - name: Gegenstand   type: STRING 
    - name: Jugendamt   type: Jugendamt 
    - name: SchutzauftragRegelung   type: BOOL 
The data source for the [Jugendamt] select control should be loaded from the relative URL: 
    "/JugendamtService/jugendamt"   (HTTP-GET) 
The data source for the [FreierTraeger] select control should be loaded from the relative URL: 
    "/FreierTraegerService/freiertraeger"   (HTTP-GET) 
An existing Kooperationsvereinbarung entity should be loaded from the relative URL: 
    "/PersonService/kooperationsvereinbarung/{id}"   (HTTP-GET) 
If a new Kooperationsvereinbarung entity has been created, the new entity should be posted to the relative URL: 
    "/PersonService/kooperationsvereinbarung"   (HTTP-POST) 
If an existing Kooperationsvereinbarung entity has been updated, the modified entity should be sent to the relative URL: 
    "/PersonService/kooperationsvereinbarung/{id}"   (HTTP-PUT) 
If an existing Kooperationsvereinbarung entity has to be deleted, the following relative URL should be called: 
    "/PersonService/kooperationsvereinbarung/{id}"   (HTTP-DELETE)

2. The PersonView must contain the following fields: 
    - name: Geburtsdatum   type: DATE 
    - name: Geschlecht   type: STRING 
    - name: Nachname   type: STRING 
    - name: PersonTyp   type: STRING 
    - name: Staatsangehoerigkeit   type: STRING 
    - name: Vorname   type: STRING 
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 Beurkundung columns: 
    - column: Jugendamt 
    - column: Beschreibung 
    - column: BeteiligtePerson2 
    - column: BeteiligtePerson1 
    - column: Beurkundungsart 
    - column: Datum 
The table should have the title "Beurkundungs" und the data must be loaded from the server with the following relative URL: 
    "/EinrichtungService/beurkundung/beteiligteperson2/{id}" 
Add a HTML table to the view with the following Beurkundung columns: 
    - column: Jugendamt 
    - column: Beschreibung 
    - column: BeteiligtePerson2 
    - column: BeteiligtePerson1 
    - column: Beurkundungsart 
    - column: Datum 
The table should have the title "Beurkundungs" und the data must be loaded from the server with the following relative URL: 
    "/EinrichtungService/beurkundung/beteiligteperson1/{id}" 
Add a HTML table to the view with the following Familienmitgliedschaft columns: 
    - column: RolleInFamilie 
    - column: VonDatum 
    - column: Familie 
    - column: BisDatum 
    - column: Person 
The table should have the title "Familienmitgliedschafts" und the data must be loaded from the server with the following relative URL: 
    "/HilfeplanService/familienmitgliedschaft/person/{id}" 
Add a HTML table to the view with the following Vaterschaftsverfahren columns: 
    - column: Kind 
    - column: Ende 
    - column: Ergebnis 
    - column: MutmasslicherVater 
    - column: Jugendamt 
    - column: Beginn 
    - column: Beschreibung 
    - column: Mutter 
The table should have the title "Vaterschaftsverfahrens" und the data must be loaded from the server with the following relative URL: 
    "/JugendamtService/vaterschaftsverfahren/mutter/{id}" 
Add a HTML table to the view with the following Vaterschaftsverfahren columns: 
    - column: Kind 
    - column: Ende 
    - column: Ergebnis 
    - column: MutmasslicherVater 
    - column: Jugendamt 
    - column: Beginn 
    - column: Beschreibung 
    - column: Mutter 
The table should have the title "Vaterschaftsverfahrens" und the data must be loaded from the server with the following relative URL: 
    "/JugendamtService/vaterschaftsverfahren/mutmasslichervater/{id}" 
Add a HTML table to the view with the following Vaterschaftsverfahren columns: 
    - column: Kind 
    - column: Ende 
    - column: Ergebnis 
    - column: MutmasslicherVater 
    - column: Jugendamt 
    - column: Beginn 
    - column: Beschreibung 
    - column: Mutter 
The table should have the title "Vaterschaftsverfahrens" und the data must be loaded from the server with the following relative URL: 
    "/JugendamtService/vaterschaftsverfahren/kind/{id}" 
Add a HTML table to the view with the following Verfahrensbeteiligter columns: 
    - column: Rolle 
    - column: Person 
    - column: GerichtlichesVerfahren 
The table should have the title "Verfahrensbeteiligters" und the data must be loaded from the server with the following relative URL: 
    "/KindeswohlgefaehrdungsHinweisService/verfahrensbeteiligter/person/{id}" 
Add a HTML table to the view with the following RechtsvertretungJugendamt columns: 
    - column: Ende 
    - column: Art 
    - column: Person 
    - column: Beschreibung 
    - column: Jugendamt 
    - column: Beginn 
The table should have the title "RechtsvertretungJugendamts" und the data must be loaded from the server with the following relative URL: 
    "/MitarbeiterService/rechtsvertretungjugendamt/person/{id}" 
Add a HTML table to the view with the following InobhutnahmeFall columns: 
    - column: Pflegeperson 
    - column: Beginn 
    - column: GerichtlicheEntscheidung 
    - column: GerichtlicheEntscheidungErforderlich 
    - column: Einrichtung 
    - column: Jugendamt 
    - column: Grund 
    - column: Unterbringungsart 
    - column: Familie 
    - column: Ende 
    - column: GegenWillenSorgeberechtigter 
    - column: BetroffenePerson 
The table should have the title "InobhutnahmeFalls" und the data must be loaded from the server with the following relative URL: 
    "/FreierTraegerService/inobhutnahmefall/betroffeneperson/{id}" 
Add a HTML table to the view with the following Unterhaltsfall columns: 
    - column: UnterhaltspflichtigePerson 
    - column: Ende 
    - column: Kind 
    - column: Beginn 
    - column: Jugendamt 
    - column: Beschreibung 
    - column: Status 
The table should have the title "Unterhaltsfalls" und the data must be loaded from the server with the following relative URL: 
    "/FamilieService/unterhaltsfall/unterhaltspflichtigeperson/{id}" 
Add a HTML table to the view with the following Unterhaltsfall columns: 
    - column: UnterhaltspflichtigePerson 
    - column: Ende 
    - column: Kind 
    - column: Beginn 
    - column: Jugendamt 
    - column: Beschreibung 
    - column: Status 
The table should have the title "Unterhaltsfalls" und the data must be loaded from the server with the following relative URL: 
    "/FamilieService/unterhaltsfall/kind/{id}" 
Add a HTML table to the view with the following Taetigkeitsuntersagung columns: 
    - column: RechtsgrundlageParagraf 
    - column: Einrichtung 
    - column: Jugendamt 
    - column: BetroffenePerson 
    - column: Grund 
    - column: Datum 
The table should have the title "Taetigkeitsuntersagungs" und the data must be loaded from the server with the following relative URL: 
    "/PflegepersonService/taetigkeitsuntersagung/betroffeneperson/{id}" 
Add a HTML table to the view with the following Leistungsfall columns: 
    - column: Familie 
    - column: HilfeplanErforderlich 
    - column: Status 
    - column: RechtsgrundlageParagraf 
    - column: Kind 
    - column: Jugendlicher 
    - column: Antragsteller 
    - column: Ende 
    - column: Beginn 
    - column: Leistungsart 
    - column: Jugendamt 
The table should have the title "Leistungsfalls" und the data must be loaded from the server with the following relative URL: 
    "/FamilieService/leistungsfall/jugendlicher/{id}" 
Add a HTML table to the view with the following Leistungsfall columns: 
    - column: Familie 
    - column: HilfeplanErforderlich 
    - column: Status 
    - column: RechtsgrundlageParagraf 
    - column: Kind 
    - column: Jugendlicher 
    - column: Antragsteller 
    - column: Ende 
    - column: Beginn 
    - column: Leistungsart 
    - column: Jugendamt 
The table should have the title "Leistungsfalls" und the data must be loaded from the server with the following relative URL: 
    "/FamilieService/leistungsfall/kind/{id}" 
Add a HTML table to the view with the following Leistungsfall columns: 
    - column: Familie 
    - column: HilfeplanErforderlich 
    - column: Status 
    - column: RechtsgrundlageParagraf 
    - column: Kind 
    - column: Jugendlicher 
    - column: Antragsteller 
    - column: Ende 
    - column: Beginn 
    - column: Leistungsart 
    - column: Jugendamt 
The table should have the title "Leistungsfalls" und the data must be loaded from the server with the following relative URL: 
    "/FamilieService/leistungsfall/antragsteller/{id}" 
Add a HTML table to the view with the following KindeswohlgefaehrdungsHinweis columns: 
    - column: Quelle 
    - column: Familie 
    - column: Meldedatum 
    - column: BetroffenePerson 
    - column: Jugendamt 
    - column: MeldendePerson 
    - column: Beschreibung 
The table should have the title "KindeswohlgefaehrdungsHinweiss" und the data must be loaded from the server with the following relative URL: 
    "/KindeswohlgefaehrdungsHinweisService/kindeswohlgefaehrdungshinweis/betroffeneperson/{id}" 
Add a HTML table to the view with the following KindeswohlgefaehrdungsHinweis columns: 
    - column: Quelle 
    - column: Familie 
    - column: Meldedatum 
    - column: BetroffenePerson 
    - column: Jugendamt 
    - column: MeldendePerson 
    - column: Beschreibung 
The table should have the title "KindeswohlgefaehrdungsHinweiss" und the data must be loaded from the server with the following relative URL: 
    "/KindeswohlgefaehrdungsHinweisService/kindeswohlgefaehrdungshinweis/meldendeperson/{id}" 
Add a HTML table to the view with the following AusschussMitglied columns: 
    - column: VonDatum 
    - column: Person 
    - column: Jugendhilfeausschuss 
    - column: BisDatum 
    - column: Mitgliedsrolle 
    - column: EntsendedurchOrganisation 
The table should have the title "AusschussMitglieds" und the data must be loaded from the server with the following relative URL: 
    "/NetzwerkFrueheHilfenService/ausschussmitglied/person/{id}" 
Add a HTML table to the view with the following HilfeplanBeteiligter columns: 
    - column: Hilfeplan 
    - column: Person 
    - column: Rolle 
The table should have the title "HilfeplanBeteiligters" und the data must be loaded from the server with the following relative URL: 
    "/HilfeplanService/hilfeplanbeteiligter/person/{id}" 
Add a HTML table to the view with the following Sorgeverhaeltnis columns: 
    - column: Beginn 
    - column: SorgeberechtigtePerson 
    - column: Ende 
    - column: Art 
    - column: Kind 
The table should have the title "Sorgeverhaeltniss" und the data must be loaded from the server with the following relative URL: 
    "/PersonService/sorgeverhaeltnis/kind/{id}" 
Add a HTML table to the view with the following Sorgeverhaeltnis columns: 
    - column: Beginn 
    - column: SorgeberechtigtePerson 
    - column: Ende 
    - column: Art 
    - column: Kind 
The table should have the title "Sorgeverhaeltniss" und the data must be loaded from the server with the following relative URL: 
    "/PersonService/sorgeverhaeltnis/sorgeberechtigteperson/{id}" 
Add a HTML table to the view with the following Pflegeperson columns: 
    - column: AktivBis 
    - column: Person 
    - column: Qualifikation 
    - column: Beschreibung 
    - column: JugendamtZustaendig 
    - column: AktivSeit 
The table should have the title "Pflegepersons" und the data must be loaded from the server with the following relative URL: 
    "/PflegepersonService/pflegeperson/person/{id}"

3. The SorgeverhaeltnisView must contain the following fields: 
    - name: Art   type: STRING 
    - name: Beginn   type: DATE 
    - name: Ende   type: DATE 
    - name: Kind   type: Person 
    - name: SorgeberechtigtePerson   type: Person 
The data source for the [SorgeberechtigtePerson] select control should be loaded from the relative URL: 
    "/PersonService/person"   (HTTP-GET) 
The data source for the [Kind] select control should be loaded from the relative URL: 
    "/PersonService/person"   (HTTP-GET) 
An existing Sorgeverhaeltnis entity should be loaded from the relative URL: 
    "/PersonService/sorgeverhaeltnis/{id}"   (HTTP-GET) 
If a new Sorgeverhaeltnis entity has been created, the new entity should be posted to the relative URL: 
    "/PersonService/sorgeverhaeltnis"   (HTTP-POST) 
If an existing Sorgeverhaeltnis entity has been updated, the modified entity should be sent to the relative URL: 
    "/PersonService/sorgeverhaeltnis/{id}"   (HTTP-PUT) 
If an existing Sorgeverhaeltnis entity has to be deleted, the following relative URL should be called: 
    "/PersonService/sorgeverhaeltnis/{id}"   (HTTP-DELETE)