Prompt for the StadtteilApp

Please create a React-JS application for the StadtteilModule. The application  has to offer the following views for the user interface: 
    1. StadtteilView 
    2. StellplatzView 
    3. StellplatzTypView 
    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 StadtteilView must contain the following fields: 
    - name: Name   type: STRING 
    - name: Stadt   type: Stadt 
The data source for the [Stadt] select control should be loaded from the relative URL: 
    "/ParkzoneService/stadt"   (HTTP-GET) 
An existing Stadtteil entity should be loaded from the relative URL: 
    "/StadtteilService/stadtteil/{id}"   (HTTP-GET) 
If a new Stadtteil entity has been created, the new entity should be posted to the relative URL: 
    "/StadtteilService/stadtteil"   (HTTP-POST) 
If an existing Stadtteil entity has been updated, the modified entity should be sent to the relative URL: 
    "/StadtteilService/stadtteil/{id}"   (HTTP-PUT) 
If an existing Stadtteil entity has to be deleted, the following relative URL should be called: 
    "/StadtteilService/stadtteil/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Parkplatzbereich columns: 
    - column: KapazitaetMotorrad 
    - column: KapazitaetGesamt 
    - column: Adresse 
    - column: IstTemporar 
    - column: Longitude 
    - column: IstOeffentlich 
    - column: IstUeberdacht 
    - column: KapazitaetFahrrad 
    - column: StandortTyp 
    - column: Name 
    - column: Beschreibung 
    - column: Latitude 
    - column: KapazitaetLkw 
    - column: Zugangstyp 
    - column: Stadt 
    - column: HatGruenflaechen 
    - column: Stadtteil 
    - column: Parkbetreiber 
    - column: OberflaechenTyp 
    - column: HatBeleuchtung 
    - column: ParkplatzbereichTyp 
    - column: KapazitaetBus 
    - column: KapazitaetPkw 
The table should have the title "Parkplatzbereichs" und the data must be loaded from the server with the following relative URL: 
    "/ParkplatzbereichService/parkplatzbereich/stadtteil/{id}"

2. 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: LONG 
    - 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: 
    "/StadtteilService/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: 
    "/StadtteilService/stellplatz/{id}"   (HTTP-GET) 
If a new Stellplatz entity has been created, the new entity should be posted to the relative URL: 
    "/StadtteilService/stellplatz"   (HTTP-POST) 
If an existing Stellplatz entity has been updated, the modified entity should be sent to the relative URL: 
    "/StadtteilService/stellplatz/{id}"   (HTTP-PUT) 
If an existing Stellplatz entity has to be deleted, the following relative URL should be called: 
    "/StadtteilService/stellplatz/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Parkvorgang columns: 
    - column: Endzeit 
    - column: Kennzeichen 
    - column: Stellplatz 
    - column: Fahrzeugtyp 
    - column: IstBezahlt 
    - column: Zahlungsart 
    - column: Waehrung 
    - column: IstVerstoss 
    - column: Startzeit 
    - column: BetragBezahlt 
    - column: Benutzerkonto 
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}"

3. The StellplatzTypView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Code   type: STRING 
    - name: Name   type: STRING 
An existing StellplatzTyp entity should be loaded from the relative URL: 
    "/StadtteilService/stellplatztyp/{id}"   (HTTP-GET) 
If a new StellplatzTyp entity has been created, the new entity should be posted to the relative URL: 
    "/StadtteilService/stellplatztyp"   (HTTP-POST) 
If an existing StellplatzTyp entity has been updated, the modified entity should be sent to the relative URL: 
    "/StadtteilService/stellplatztyp/{id}"   (HTTP-PUT) 
If an existing StellplatzTyp entity has to be deleted, the following relative URL should be called: 
    "/StadtteilService/stellplatztyp/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Stellplatz columns: 
    - column: IstStrassenstellplatz 
    - column: IstMarkiert 
    - column: NutzungsKategorie 
    - column: StellplatzTyp 
    - column: Fahrzeugtyp 
    - column: Code 
    - column: IstReserviert 
    - column: LaengeMeter 
    - column: Parkplatzbereich 
    - column: ReihenBezeichnung 
    - column: IstBarrierefrei 
    - column: NummerInReihe 
    - column: BreiteMeter 
    - column: HatSchatten 
    - column: HatLadung 
The table should have the title "Stellplatzs" und the data must be loaded from the server with the following relative URL: 
    "/StadtteilService/stellplatz/stellplatztyp/{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: 
    "/StadtteilService/verstossfall/{id}"   (HTTP-GET) 
If a new Verstossfall entity has been created, the new entity should be posted to the relative URL: 
    "/StadtteilService/verstossfall"   (HTTP-POST) 
If an existing Verstossfall entity has been updated, the modified entity should be sent to the relative URL: 
    "/StadtteilService/verstossfall/{id}"   (HTTP-PUT) 
If an existing Verstossfall entity has to be deleted, the following relative URL should be called: 
    "/StadtteilService/verstossfall/{id}"   (HTTP-DELETE)