Prompt for the MitgliedschaftsVertragApp

Please create a React-JS application for the MitgliedschaftsVertragModule. The application  has to offer the following views for the user interface: 
    1. FitnessKetteView 
    2. KursTypView 
    3. MitgliedschaftsTypView 
    4. MitgliedschaftsVertragView 
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 FitnessKetteView must contain the following fields: 
    - name: HauptsitzStadt   type: STRING 
    - name: IstDiscountKette   type: BOOL 
    - name: Land   type: STRING 
    - name: Marke   type: STRING 
    - name: Name   type: STRING 
    - name: Webseite   type: STRING 
An existing FitnessKette entity should be loaded from the relative URL: 
    "/MitgliedschaftsVertragService/fitnesskette/{id}"   (HTTP-GET) 
If a new FitnessKette entity has been created, the new entity should be posted to the relative URL: 
    "/MitgliedschaftsVertragService/fitnesskette"   (HTTP-POST) 
If an existing FitnessKette entity has been updated, the modified entity should be sent to the relative URL: 
    "/MitgliedschaftsVertragService/fitnesskette/{id}"   (HTTP-PUT) 
If an existing FitnessKette entity has to be deleted, the following relative URL should be called: 
    "/MitgliedschaftsVertragService/fitnesskette/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following FitnessStudio columns: 
    - column: GroesseQuadratmeter 
    - column: Strasse 
    - column: FranchiseSystem 
    - column: SportVerein 
    - column: Name 
    - column: FitnessKette 
    - column: Postleitzahl 
    - column: Stadt 
    - column: StudioTyp 
    - column: IstMikrostudio 
    - column: Land 
    - column: Ist24StundenGeoeffnet 
    - column: Oeffnungszeiten 
The table should have the title "FitnessStudios" und the data must be loaded from the server with the following relative URL: 
    "/FitnessStudioService/fitnessstudio/fitnesskette/{id}"

2. The KursTypView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: IntensitaetsLevel   type: STRING 
    - name: IstRehaKurs   type: BOOL 
    - name: Name   type: STRING 
    - name: ZielGruppe   type: STRING 
An existing KursTyp entity should be loaded from the relative URL: 
    "/MitgliedschaftsVertragService/kurstyp/{id}"   (HTTP-GET) 
If a new KursTyp entity has been created, the new entity should be posted to the relative URL: 
    "/MitgliedschaftsVertragService/kurstyp"   (HTTP-POST) 
If an existing KursTyp entity has been updated, the modified entity should be sent to the relative URL: 
    "/MitgliedschaftsVertragService/kurstyp/{id}"   (HTTP-PUT) 
If an existing KursTyp entity has to be deleted, the following relative URL should be called: 
    "/MitgliedschaftsVertragService/kurstyp/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Kurs columns: 
    - column: Raum 
    - column: KursTyp 
    - column: Trainer 
    - column: IstAktiv 
    - column: IstNurFrauen 
    - column: FitnessStudio 
    - column: MaxTeilnehmer 
The table should have the title "Kurss" und the data must be loaded from the server with the following relative URL: 
    "/FitnessStudioService/kurs/kurstyp/{id}"

3. The MitgliedschaftsTypView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: IstRabattModell   type: BOOL 
    - name: MindestLaufzeitMonate   type: INT 
    - name: MonatsBeitrag   type: STRING 
    - name: Name   type: STRING 
    - name: ZugangsLevel   type: STRING 
An existing MitgliedschaftsTyp entity should be loaded from the relative URL: 
    "/MitgliedschaftsVertragService/mitgliedschaftstyp/{id}"   (HTTP-GET) 
If a new MitgliedschaftsTyp entity has been created, the new entity should be posted to the relative URL: 
    "/MitgliedschaftsVertragService/mitgliedschaftstyp"   (HTTP-POST) 
If an existing MitgliedschaftsTyp entity has been updated, the modified entity should be sent to the relative URL: 
    "/MitgliedschaftsVertragService/mitgliedschaftstyp/{id}"   (HTTP-PUT) 
If an existing MitgliedschaftsTyp entity has to be deleted, the following relative URL should be called: 
    "/MitgliedschaftsVertragService/mitgliedschaftstyp/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following MitgliedschaftsVertrag columns: 
    - column: Mitglied 
    - column: VertragsStatus 
    - column: StartDatum 
    - column: FitnessStudio 
    - column: ZahlungsMethode 
    - column: UnterzeichnetAm 
    - column: MitgliedschaftsTyp 
    - column: KuendigungsDatum 
    - column: EndDatum 
The table should have the title "MitgliedschaftsVertrags" und the data must be loaded from the server with the following relative URL: 
    "/MitgliedschaftsVertragService/mitgliedschaftsvertrag/mitgliedschaftstyp/{id}"

4. The MitgliedschaftsVertragView must contain the following fields: 
    - name: EndDatum   type: DATE 
    - name: FitnessStudio   type: FitnessStudio 
    - name: KuendigungsDatum   type: DATE 
    - name: Mitglied   type: Mitglied 
    - name: MitgliedschaftsTyp   type: MitgliedschaftsTyp 
    - name: StartDatum   type: DATE 
    - name: UnterzeichnetAm   type: DATE 
    - name: VertragsStatus   type: STRING 
    - name: ZahlungsMethode   type: STRING 
The data source for the [MitgliedschaftsTyp] select control should be loaded from the relative URL: 
    "/MitgliedschaftsVertragService/mitgliedschaftstyp"   (HTTP-GET) 
The data source for the [FitnessStudio] select control should be loaded from the relative URL: 
    "/FitnessStudioService/fitnessstudio"   (HTTP-GET) 
The data source for the [Mitglied] select control should be loaded from the relative URL: 
    "/MitgliedService/mitglied"   (HTTP-GET) 
An existing MitgliedschaftsVertrag entity should be loaded from the relative URL: 
    "/MitgliedschaftsVertragService/mitgliedschaftsvertrag/{id}"   (HTTP-GET) 
If a new MitgliedschaftsVertrag entity has been created, the new entity should be posted to the relative URL: 
    "/MitgliedschaftsVertragService/mitgliedschaftsvertrag"   (HTTP-POST) 
If an existing MitgliedschaftsVertrag entity has been updated, the modified entity should be sent to the relative URL: 
    "/MitgliedschaftsVertragService/mitgliedschaftsvertrag/{id}"   (HTTP-PUT) 
If an existing MitgliedschaftsVertrag entity has to be deleted, the following relative URL should be called: 
    "/MitgliedschaftsVertragService/mitgliedschaftsvertrag/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Zahlung columns: 
    - column: ZeitraumStart 
    - column: IstErfolgreich 
    - column: ZahlungsDatum 
    - column: MitgliedschaftsVertrag 
    - column: Mitglied 
    - column: Betrag 
    - column: ZeitraumEnde 
    - column: ExterneReferenz 
    - column: Waehrung 
    - column: ZahlungsTyp 
    - column: FitnessStudio 
The table should have the title "Zahlungs" und the data must be loaded from the server with the following relative URL: 
    "/MitgliedService/zahlung/mitgliedschaftsvertrag/{id}"