Prompt for the FahrzeugtypApp

Please create a React-JS application for the FahrzeugtypModule. The application  has to offer the following views for the user interface: 
    1. FahrzeugtypView 
    2. ParkvorgangView 
    3. StellplatzView 
    4. VerstossfallView 
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 FahrzeugtypView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Code   type: STRING 
    - name: Name   type: STRING 
An existing Fahrzeugtyp entity should be loaded from the relative URL: 
    "/FahrzeugtypService/fahrzeugtyp/{id}"   (HTTP-GET) 
If a new Fahrzeugtyp entity has been created, the new entity should be posted to the relative URL: 
    "/FahrzeugtypService/fahrzeugtyp"   (HTTP-POST) 
If an existing Fahrzeugtyp entity has been updated, the modified entity should be sent to the relative URL: 
    "/FahrzeugtypService/fahrzeugtyp/{id}"   (HTTP-PUT) 
If an existing Fahrzeugtyp entity has to be deleted, the following relative URL should be called: 
    "/FahrzeugtypService/fahrzeugtyp/{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/fahrzeugtyp/{id}" 
Add a HTML table to the view with the following Parkvorgang columns: 
    - column: Benutzerkonto 
    - column: Kennzeichen 
    - column: BetragBezahlt 
    - column: Stellplatz 
    - column: Zahlungsart 
    - column: IstVerstoss 
    - column: Startzeit 
    - column: Fahrzeugtyp 
    - column: Endzeit 
    - column: Waehrung 
    - column: IstBezahlt 
The table should have the title "Parkvorgangs" und the data must be loaded from the server with the following relative URL: 
    "/FahrzeugtypService/parkvorgang/fahrzeugtyp/{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/fahrzeugtyp/{id}"

2. The ParkvorgangView must contain the following fields: 
    - name: Benutzerkonto   type: Benutzerkonto 
    - name: BetragBezahlt   type: STRING 
    - name: Endzeit   type: DATE 
    - name: Fahrzeugtyp   type: Fahrzeugtyp 
    - name: IstBezahlt   type: BOOL 
    - name: IstVerstoss   type: BOOL 
    - name: Kennzeichen   type: STRING 
    - name: Startzeit   type: DATE 
    - name: Stellplatz   type: Stellplatz 
    - name: Waehrung   type: STRING 
    - name: Zahlungsart   type: STRING 
The data source for the [Benutzerkonto] select control should be loaded from the relative URL: 
    "/ParkplatzbereichService/benutzerkonto"   (HTTP-GET) 
The data source for the [Stellplatz] select control should be loaded from the relative URL: 
    "/FahrzeugtypService/stellplatz"   (HTTP-GET) 
The data source for the [Fahrzeugtyp] select control should be loaded from the relative URL: 
    "/FahrzeugtypService/fahrzeugtyp"   (HTTP-GET) 
An existing Parkvorgang entity should be loaded from the relative URL: 
    "/FahrzeugtypService/parkvorgang/{id}"   (HTTP-GET) 
If a new Parkvorgang entity has been created, the new entity should be posted to the relative URL: 
    "/FahrzeugtypService/parkvorgang"   (HTTP-POST) 
If an existing Parkvorgang entity has been updated, the modified entity should be sent to the relative URL: 
    "/FahrzeugtypService/parkvorgang/{id}"   (HTTP-PUT) 
If an existing Parkvorgang entity has to be deleted, the following relative URL should be called: 
    "/FahrzeugtypService/parkvorgang/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Verstossfall columns: 
    - column: IstBezahlt 
    - column: Bussgeld 
    - column: BezahltAm 
    - column: Rechtsgrundlage 
    - column: Waehrung 
    - column: Parkvorgang 
    - column: FestgestelltAm 
    - column: VerstossTyp 
    - column: Parkplatzbereich 
The table should have the title "Verstossfalls" und the data must be loaded from the server with the following relative URL: 
    "/FahrzeugtypService/verstossfall/parkvorgang/{id}"

3. The StellplatzView must contain the following fields: 
    - name: BreiteMeter   type: STRING 
    - name: Code   type: STRING 
    - name: Fahrzeugtyp   type: Fahrzeugtyp 
    - name: HatLadung   type: BOOL 
    - name: HatSchatten   type: BOOL 
    - name: IstBarrierefrei   type: BOOL 
    - name: IstMarkiert   type: BOOL 
    - name: IstReserviert   type: BOOL 
    - name: IstStrassenstellplatz   type: BOOL 
    - name: LaengeMeter   type: STRING 
    - name: NummerInReihe   type: INT 
    - name: NutzungsKategorie   type: NutzungsKategorie 
    - name: Parkplatzbereich   type: Parkplatzbereich 
    - name: ReihenBezeichnung   type: STRING 
    - name: StellplatzTyp   type: StellplatzTyp 
The data source for the [NutzungsKategorie] select control should be loaded from the relative URL: 
    "/NutzungsKategorieService/nutzungskategorie"   (HTTP-GET) 
The data source for the [StellplatzTyp] select control should be loaded from the relative URL: 
    "/LandService/stellplatztyp"   (HTTP-GET) 
The data source for the [Fahrzeugtyp] select control should be loaded from the relative URL: 
    "/FahrzeugtypService/fahrzeugtyp"   (HTTP-GET) 
The data source for the [Parkplatzbereich] select control should be loaded from the relative URL: 
    "/ParkplatzbereichService/parkplatzbereich"   (HTTP-GET) 
An existing Stellplatz entity should be loaded from the relative URL: 
    "/FahrzeugtypService/stellplatz/{id}"   (HTTP-GET) 
If a new Stellplatz entity has been created, the new entity should be posted to the relative URL: 
    "/FahrzeugtypService/stellplatz"   (HTTP-POST) 
If an existing Stellplatz entity has been updated, the modified entity should be sent to the relative URL: 
    "/FahrzeugtypService/stellplatz/{id}"   (HTTP-PUT) 
If an existing Stellplatz entity has to be deleted, the following relative URL should be called: 
    "/FahrzeugtypService/stellplatz/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Parkvorgang columns: 
    - column: Benutzerkonto 
    - column: Kennzeichen 
    - column: BetragBezahlt 
    - column: Stellplatz 
    - column: Zahlungsart 
    - column: IstVerstoss 
    - column: Startzeit 
    - column: Fahrzeugtyp 
    - column: Endzeit 
    - column: Waehrung 
    - column: IstBezahlt 
The table should have the title "Parkvorgangs" und the data must be loaded from the server with the following relative URL: 
    "/FahrzeugtypService/parkvorgang/stellplatz/{id}"

4. The VerstossfallView must contain the following fields: 
    - name: BezahltAm   type: DATE 
    - name: Bussgeld   type: STRING 
    - name: FestgestelltAm   type: DATE 
    - name: IstBezahlt   type: BOOL 
    - name: Parkplatzbereich   type: Parkplatzbereich 
    - name: Parkvorgang   type: Parkvorgang 
    - name: Rechtsgrundlage   type: STRING 
    - name: VerstossTyp   type: STRING 
    - name: Waehrung   type: STRING 
The data source for the [Parkvorgang] select control should be loaded from the relative URL: 
    "/FahrzeugtypService/parkvorgang"   (HTTP-GET) 
The data source for the [Parkplatzbereich] select control should be loaded from the relative URL: 
    "/ParkplatzbereichService/parkplatzbereich"   (HTTP-GET) 
An existing Verstossfall entity should be loaded from the relative URL: 
    "/FahrzeugtypService/verstossfall/{id}"   (HTTP-GET) 
If a new Verstossfall entity has been created, the new entity should be posted to the relative URL: 
    "/FahrzeugtypService/verstossfall"   (HTTP-POST) 
If an existing Verstossfall entity has been updated, the modified entity should be sent to the relative URL: 
    "/FahrzeugtypService/verstossfall/{id}"   (HTTP-PUT) 
If an existing Verstossfall entity has to be deleted, the following relative URL should be called: 
    "/FahrzeugtypService/verstossfall/{id}"   (HTTP-DELETE)