Prompt for the NutzungsKategorieView

Please create a React-JS view called "NutzungsKategorieView" for the fields of the NutzungsKategorie entity. The NutzungsKategorieView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Code   type: STRING 
    - name: Name   type: STRING 
An existing NutzungsKategorie entity should be loaded from the relative URL: 
    "/NutzungsKategorieService/nutzungskategorie/{id}"   (HTTP-GET) 
If a new NutzungsKategorie entity has been created, the new entity should be posted to the relative URL: 
    "/NutzungsKategorieService/nutzungskategorie"   (HTTP-POST) 
If an existing NutzungsKategorie entity has been updated, the modified entity should be sent to the relative URL: 
    "/NutzungsKategorieService/nutzungskategorie/{id}"   (HTTP-PUT) 
If an existing NutzungsKategorie entity has to be deleted, the following relative URL should be called: 
    "/NutzungsKategorieService/nutzungskategorie/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Parktarif columns: 
    - column: GueltigBisDatum 
    - column: Fahrzeugtyp 
    - column: GueltigVonDatum 
    - column: Parkplatzbereich 
    - column: NutzungsKategorie 
    - column: MaxTagespreis 
    - column: Parkzone 
    - column: IstKostenlos 
    - column: GrundpreisProStunde 
    - column: Waehrung 
    - column: Name 
    - column: Beschreibung 
The table should have the title "Parktarifs" und the data must be loaded from the server with the following relative URL: 
    "/NutzungsKategorieService/parktarif/nutzungskategorie/{id}" 
Add a HTML table to the view with the following Stellplatz columns: 
    - column: Parkplatzbereich 
    - column: IstStrassenstellplatz 
    - column: LaengeMeter 
    - column: IstBarrierefrei 
    - column: StellplatzTyp 
    - column: ReihenBezeichnung 
    - column: Code 
    - column: HatSchatten 
    - column: NutzungsKategorie 
    - column: HatLadung 
    - column: NummerInReihe 
    - column: IstReserviert 
    - column: Fahrzeugtyp 
    - column: IstMarkiert 
    - column: BreiteMeter 
The table should have the title "Stellplatzs" und the data must be loaded from the server with the following relative URL: 
    "/FahrzeugtypService/stellplatz/nutzungskategorie/{id}" 
Add a HTML table to the view with the following Parkregel columns: 
    - column: Rechtsgrundlage 
    - column: BerechtigungErforderlich 
    - column: GueltigBisZeit 
    - column: GueltigBisDatum 
    - column: Parkzone 
    - column: TicketErforderlich 
    - column: Hinweise 
    - column: Name 
    - column: ParkscheibeErforderlich 
    - column: MaxDauerMinuten 
    - column: GueltigVonDatum 
    - column: NutzungsKategorie 
    - column: Parkplatzbereich 
    - column: GueltigVonZeit 
The table should have the title "Parkregels" und the data must be loaded from the server with the following relative URL: 
    "/NutzungsKategorieService/parkregel/nutzungskategorie/{id}"

Overview

My API

System Designs