Prompt for the LeistungsfallView

Please create a React-JS view called "LeistungsfallView" for the fields of the Leistungsfall entity. The LeistungsfallView must contain the following fields: 
    - name: Antragsteller   type: Person 
    - name: Beginn   type: DATE 
    - name: Ende   type: DATE 
    - name: Familie   type: Familie 
    - name: HilfeplanErforderlich   type: BOOL 
    - name: Jugendamt   type: Jugendamt 
    - name: Jugendlicher   type: Person 
    - name: Kind   type: Person 
    - name: Leistungsart   type: Leistungsart 
    - name: RechtsgrundlageParagraf   type: STRING 
    - name: Status   type: STRING 
The data source for the [Jugendamt] select control should be loaded from the relative URL: 
    "/JugendamtService/jugendamt"   (HTTP-GET) 
The data source for the [Leistungsart] select control should be loaded from the relative URL: 
    "/LeistungsartService/leistungsart"   (HTTP-GET) 
The data source for the [Jugendlicher] select control should be loaded from the relative URL: 
    "/PersonService/person"   (HTTP-GET) 
The data source for the [Antragsteller] 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) 
The data source for the [Familie] select control should be loaded from the relative URL: 
    "/FamilieService/familie"   (HTTP-GET) 
An existing Leistungsfall entity should be loaded from the relative URL: 
    "/FamilieService/leistungsfall/{id}"   (HTTP-GET) 
If a new Leistungsfall entity has been created, the new entity should be posted to the relative URL: 
    "/FamilieService/leistungsfall"   (HTTP-POST) 
If an existing Leistungsfall entity has been updated, the modified entity should be sent to the relative URL: 
    "/FamilieService/leistungsfall/{id}"   (HTTP-PUT) 
If an existing Leistungsfall entity has to be deleted, the following relative URL should be called: 
    "/FamilieService/leistungsfall/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Hilfeplan columns: 
    - column: SchutzplanBeschreibung 
    - column: Erstellungsdatum 
    - column: Zielbeschreibung 
    - column: LetzteFortschreibung 
    - column: Leistungsfall 
    - column: NaechsteUeberpruefung 
    - column: Kontrollmechanismus 
The table should have the title "Hilfeplans" und the data must be loaded from the server with the following relative URL: 
    "/HilfeplanService/hilfeplan/leistungsfall/{id}"

Overview

My API

System Designs