Prompt for the JobTypeApp

Please create a React-JS application for the JobTypeModule. The application  has to offer the following views for the user interface: 
    1. JobTypeView 
    2. MediaItemView 
    3. MediaTypeView 
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 JobTypeView must contain the following fields: 
    - name: Description   type: STRING 
    - name: Name   type: STRING 
An existing JobType entity should be loaded from the relative URL: 
    "/JobTypeService/jobtype/{id}"   (HTTP-GET) 
If a new JobType entity has been created, the new entity should be posted to the relative URL: 
    "/JobTypeService/jobtype"   (HTTP-POST) 
If an existing JobType entity has been updated, the modified entity should be sent to the relative URL: 
    "/JobTypeService/jobtype/{id}"   (HTTP-PUT) 
If an existing JobType entity has to be deleted, the following relative URL should be called: 
    "/JobTypeService/jobtype/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following TitleCrew columns: 
    - column: Department 
    - column: Person 
    - column: Title 
    - column: Job 
The table should have the title "TitleCrews" und the data must be loaded from the server with the following relative URL: 
    "/PersonService/titlecrew/job/{id}"

2. The MediaItemView must contain the following fields: 
    - name: Caption   type: STRING 
    - name: DurationSeconds   type: LONG 
    - name: MediaType   type: MediaType 
    - name: Person   type: Person 
    - name: PublishedAt   type: DATE 
    - name: ThumbnailUrl   type: STRING 
    - name: Title   type: Title 
    - name: Url   type: STRING 
The data source for the [MediaType] select control should be loaded from the relative URL: 
    "/JobTypeService/mediatype"   (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 MediaItem entity should be loaded from the relative URL: 
    "/JobTypeService/mediaitem/{id}"   (HTTP-GET) 
If a new MediaItem entity has been created, the new entity should be posted to the relative URL: 
    "/JobTypeService/mediaitem"   (HTTP-POST) 
If an existing MediaItem entity has been updated, the modified entity should be sent to the relative URL: 
    "/JobTypeService/mediaitem/{id}"   (HTTP-PUT) 
If an existing MediaItem entity has to be deleted, the following relative URL should be called: 
    "/JobTypeService/mediaitem/{id}"   (HTTP-DELETE)

3. The MediaTypeView must contain the following fields: 
    - name: Description   type: STRING 
    - name: Name   type: STRING 
An existing MediaType entity should be loaded from the relative URL: 
    "/JobTypeService/mediatype/{id}"   (HTTP-GET) 
If a new MediaType entity has been created, the new entity should be posted to the relative URL: 
    "/JobTypeService/mediatype"   (HTTP-POST) 
If an existing MediaType entity has been updated, the modified entity should be sent to the relative URL: 
    "/JobTypeService/mediatype/{id}"   (HTTP-PUT) 
If an existing MediaType entity has to be deleted, the following relative URL should be called: 
    "/JobTypeService/mediatype/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following MediaItem columns: 
    - column: Title 
    - column: Person 
    - column: MediaType 
    - column: DurationSeconds 
    - column: PublishedAt 
    - column: ThumbnailUrl 
    - column: Url 
    - column: Caption 
The table should have the title "MediaItems" und the data must be loaded from the server with the following relative URL: 
    "/JobTypeService/mediaitem/mediatype/{id}"