Prompt for the PersonApp

Please create a React-JS application for the PersonModule. The application  has to offer the following views for the user interface: 
    1. PersonView 
    2. RoleTypeView 
    3. TitleCrewView 
The views have to be reachable for the user via a menu list at the left side of each view. The requirements for the 3 views are defined below.

1. The PersonView must contain the following fields: 
    - name: Biography   type: STRING 
    - name: BirthCountry   type: Country 
    - name: BirthDate   type: DATE 
    - name: Name   type: STRING 
The data source for the [BirthCountry] select control should be loaded from the relative URL: 
    "/TitleService/country"   (HTTP-GET) 
An existing Person entity should be loaded from the relative URL: 
    "/PersonService/person/{id}"   (HTTP-GET) 
If a new Person entity has been created, the new entity should be posted to the relative URL: 
    "/PersonService/person"   (HTTP-POST) 
If an existing Person entity has been updated, the modified entity should be sent to the relative URL: 
    "/PersonService/person/{id}"   (HTTP-PUT) 
If an existing Person entity has to be deleted, the following relative URL should be called: 
    "/PersonService/person/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following TitleCrew columns: 
    - column: Person 
    - column: CreditOrder 
    - column: RoleType 
    - column: Title 
The table should have the title "TitleCrews" und the data must be loaded from the server with the following relative URL: 
    "/PersonService/titlecrew/person/{id}" 
Add a HTML table to the view with the following TitleCast columns: 
    - column: CharacterName 
    - column: BillingOrder 
    - column: Person 
    - column: IsVoiceRole 
    - column: Title 
The table should have the title "TitleCasts" und the data must be loaded from the server with the following relative URL: 
    "/GenreService/titlecast/person/{id}"

2. The RoleTypeView must contain the following fields: 
    - name: Description   type: STRING 
    - name: Name   type: STRING 
An existing RoleType entity should be loaded from the relative URL: 
    "/PersonService/roletype/{id}"   (HTTP-GET) 
If a new RoleType entity has been created, the new entity should be posted to the relative URL: 
    "/PersonService/roletype"   (HTTP-POST) 
If an existing RoleType entity has been updated, the modified entity should be sent to the relative URL: 
    "/PersonService/roletype/{id}"   (HTTP-PUT) 
If an existing RoleType entity has to be deleted, the following relative URL should be called: 
    "/PersonService/roletype/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following TitleCrew columns: 
    - column: Person 
    - column: CreditOrder 
    - column: RoleType 
    - column: Title 
The table should have the title "TitleCrews" und the data must be loaded from the server with the following relative URL: 
    "/PersonService/titlecrew/roletype/{id}"

3. The TitleCrewView must contain the following fields: 
    - name: CreditOrder   type: LONG 
    - name: Person   type: Person 
    - name: RoleType   type: RoleType 
    - name: Title   type: Title 
The data source for the [RoleType] select control should be loaded from the relative URL: 
    "/PersonService/roletype"   (HTTP-GET) 
The data source for the [Title] select control should be loaded from the relative URL: 
    "/TitleService/title"   (HTTP-GET) 
The data source for the [Person] select control should be loaded from the relative URL: 
    "/PersonService/person"   (HTTP-GET) 
An existing TitleCrew entity should be loaded from the relative URL: 
    "/PersonService/titlecrew/{id}"   (HTTP-GET) 
If a new TitleCrew entity has been created, the new entity should be posted to the relative URL: 
    "/PersonService/titlecrew"   (HTTP-POST) 
If an existing TitleCrew entity has been updated, the modified entity should be sent to the relative URL: 
    "/PersonService/titlecrew/{id}"   (HTTP-PUT) 
If an existing TitleCrew entity has to be deleted, the following relative URL should be called: 
    "/PersonService/titlecrew/{id}"   (HTTP-DELETE)