Prompt for the TonTechnikView

Please create a React-JS view called "TonTechnikView" for the fields of the TonTechnik entity. The TonTechnikView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: IstSurround   type: BOOL 
    - name: Name   type: STRING 
An existing TonTechnik entity should be loaded from the relative URL: 
    "/FilmService/tontechnik/{id}"   (HTTP-GET) 
If a new TonTechnik entity has been created, the new entity should be posted to the relative URL: 
    "/FilmService/tontechnik"   (HTTP-POST) 
If an existing TonTechnik entity has been updated, the modified entity should be sent to the relative URL: 
    "/FilmService/tontechnik/{id}"   (HTTP-PUT) 
If an existing TonTechnik entity has to be deleted, the following relative URL should be called: 
    "/FilmService/tontechnik/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following SaalTonTechnik columns: 
    - column: TonTechnik 
    - column: Saal 
    - column: BisDatum 
    - column: VonDatum 
The table should have the title "SaalTonTechniks" und the data must be loaded from the server with the following relative URL: 
    "/FilmService/saaltontechnik/tontechnik/{id}" 
Add a HTML table to the view with the following Vorstellung columns: 
    - column: Saal 
    - column: ProjektionsTechnik 
    - column: DigitalStandard 
    - column: Film 
    - column: Sprachversion 
    - column: Endzeit 
    - column: Startzeit 
    - column: Ist3D 
    - column: IstEffektkino 
    - column: BasisTicketpreis 
    - column: TonTechnik 
The table should have the title "Vorstellungs" und the data must be loaded from the server with the following relative URL: 
    "/FilmService/vorstellung/tontechnik/{id}"

Overview

My API

System Designs