Prompt for the JobPostingView

Please create a React-JS view called "JobPostingView" for the fields of the JobPosting entity. The JobPostingView must contain the following fields: 
    - name: ApplicationEmail   type: STRING 
    - name: Description   type: STRING 
    - name: EmploymentType   type: STRING 
    - name: IsActive   type: BOOL 
    - name: JobDepartment   type: JobDepartment 
    - name: JobLocation   type: JobLocation 
    - name: PublishedAt   type: DATE 
    - name: Title   type: STRING 
    - name: ValidUntil   type: DATE 
The data source for the [JobLocation] select control should be loaded from the relative URL: 
    "/JobDepartmentService/joblocation"   (HTTP-GET) 
The data source for the [JobDepartment] select control should be loaded from the relative URL: 
    "/JobDepartmentService/jobdepartment"   (HTTP-GET) 
An existing JobPosting entity should be loaded from the relative URL: 
    "/JobDepartmentService/jobposting/{id}"   (HTTP-GET) 
If a new JobPosting entity has been created, the new entity should be posted to the relative URL: 
    "/JobDepartmentService/jobposting"   (HTTP-POST) 
If an existing JobPosting entity has been updated, the modified entity should be sent to the relative URL: 
    "/JobDepartmentService/jobposting/{id}"   (HTTP-PUT) 
If an existing JobPosting entity has to be deleted, the following relative URL should be called: 
    "/JobDepartmentService/jobposting/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following JobApplication columns: 
    - column: LastName 
    - column: Email 
    - column: FirstName 
    - column: CoverLetter 
    - column: PhoneNumber 
    - column: JobPosting 
    - column: CvReference 
    - column: Status 
    - column: CreatedAt 
The table should have the title "JobApplications" und the data must be loaded from the server with the following relative URL: 
    "/JobDepartmentService/jobapplication/jobposting/{id}"

Overview

My API

System Designs