Prompt for the VesselApp

Please create a React-JS application for the VesselModule. The application  has to offer the following views for the user interface: 
    1. PositionReportView 
    2. VesselView 
    3. VesselDailySummaryView 
    4. VesselTypeView 
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 PositionReportView must contain the following fields: 
    - name: AisStation   type: AisStation 
    - name: CourseOverGround   type: STRING 
    - name: DestinationText   type: STRING 
    - name: EtaUtc   type: DATE 
    - name: GeographicalArea   type: GeographicalArea 
    - name: Heading   type: STRING 
    - name: IsInterpolated   type: BOOL 
    - name: Latitude   type: STRING 
    - name: Longitude   type: STRING 
    - name: NavigationalStatus   type: STRING 
    - name: PositionAccuracyMeters   type: STRING 
    - name: PositionTimeUtc   type: DATE 
    - name: SpeedOverGround   type: STRING 
    - name: Vessel   type: Vessel 
The data source for the [Vessel] select control should be loaded from the relative URL: 
    "/VesselService/vessel"   (HTTP-GET) 
The data source for the [AisStation] select control should be loaded from the relative URL: 
    "/GeographicalAreaService/aisstation"   (HTTP-GET) 
The data source for the [GeographicalArea] select control should be loaded from the relative URL: 
    "/GeographicalAreaService/geographicalarea"   (HTTP-GET) 
An existing PositionReport entity should be loaded from the relative URL: 
    "/VesselService/positionreport/{id}"   (HTTP-GET) 
If a new PositionReport entity has been created, the new entity should be posted to the relative URL: 
    "/VesselService/positionreport"   (HTTP-POST) 
If an existing PositionReport entity has been updated, the modified entity should be sent to the relative URL: 
    "/VesselService/positionreport/{id}"   (HTTP-PUT) 
If an existing PositionReport entity has to be deleted, the following relative URL should be called: 
    "/VesselService/positionreport/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following AlertEvent columns: 
    - column: Vessel 
    - column: GeographicalArea 
    - column: PositionReport 
    - column: AlertRule 
    - column: EventDescription 
    - column: TriggeredUtc 
    - column: Port 
The table should have the title "AlertEvents" und the data must be loaded from the server with the following relative URL: 
    "/PortService/alertevent/positionreport/{id}"

2. The VesselView must contain the following fields: 
    - name: Beam   type: STRING 
    - name: BuildYear   type: LONG 
    - name: CallSign   type: STRING 
    - name: Deadweight   type: LONG 
    - name: Draught   type: STRING 
    - name: FlagCountry   type: Country 
    - name: GrossTonnage   type: LONG 
    - name: ImoNumber   type: STRING 
    - name: LengthOverall   type: STRING 
    - name: Mmsi   type: STRING 
    - name: Name   type: STRING 
    - name: VesselStatus   type: VesselStatus 
    - name: VesselType   type: VesselType 
The data source for the [FlagCountry] select control should be loaded from the relative URL: 
    "/UserAccountService/country"   (HTTP-GET) 
The data source for the [VesselType] select control should be loaded from the relative URL: 
    "/VesselService/vesseltype"   (HTTP-GET) 
The data source for the [VesselStatus] select control should be loaded from the relative URL: 
    "/GeographicalAreaService/vesselstatus"   (HTTP-GET) 
An existing Vessel entity should be loaded from the relative URL: 
    "/VesselService/vessel/{id}"   (HTTP-GET) 
If a new Vessel entity has been created, the new entity should be posted to the relative URL: 
    "/VesselService/vessel"   (HTTP-POST) 
If an existing Vessel entity has been updated, the modified entity should be sent to the relative URL: 
    "/VesselService/vessel/{id}"   (HTTP-PUT) 
If an existing Vessel entity has to be deleted, the following relative URL should be called: 
    "/VesselService/vessel/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following PortCall columns: 
    - column: DepartureActualUtc 
    - column: BerthName 
    - column: Vessel 
    - column: DepartureEstimatedUtc 
    - column: ArrivalEstimatedUtc 
    - column: ArrivalActualUtc 
    - column: Route 
    - column: DraftDeparture 
    - column: DraftArrival 
    - column: Port 
    - column: Reason 
The table should have the title "PortCalls" und the data must be loaded from the server with the following relative URL: 
    "/SubscriptionPlanService/portcall/vessel/{id}" 
Add a HTML table to the view with the following AlertRule columns: 
    - column: AlertType 
    - column: UserAccount 
    - column: ThresholdSpeed 
    - column: Name 
    - column: CreatedUtc 
    - column: GeographicalArea 
    - column: Vessel 
    - column: Description 
    - column: Port 
    - column: IsActive 
The table should have the title "AlertRules" und the data must be loaded from the server with the following relative URL: 
    "/PortService/alertrule/vessel/{id}" 
Add a HTML table to the view with the following VesselComment columns: 
    - column: CommentText 
    - column: Vessel 
    - column: CreatedUtc 
    - column: UserAccount 
The table should have the title "VesselComments" und the data must be loaded from the server with the following relative URL: 
    "/UserAccountService/vesselcomment/vessel/{id}" 
Add a HTML table to the view with the following VesselDailySummary columns: 
    - column: Vessel 
    - column: PositionsCount 
    - column: HoursUnderway 
    - column: MaxSpeed 
    - column: SummaryDate 
    - column: HoursAtAnchor 
    - column: AverageSpeed 
    - column: DistanceTraveledNm 
The table should have the title "VesselDailySummarys" und the data must be loaded from the server with the following relative URL: 
    "/VesselService/vesseldailysummary/vessel/{id}" 
Add a HTML table to the view with the following VesselTechnicalDetail columns: 
    - column: OwnerName 
    - column: IceClass 
    - column: MaxSpeed 
    - column: EngineType 
    - column: HullType 
    - column: Builder 
    - column: ManagerName 
    - column: ServiceSpeed 
    - column: Vessel 
    - column: EnginePowerKw 
The table should have the title "VesselTechnicalDetails" und the data must be loaded from the server with the following relative URL: 
    "/ApiClientService/vesseltechnicaldetail/vessel/{id}" 
Add a HTML table to the view with the following AlertEvent columns: 
    - column: Vessel 
    - column: GeographicalArea 
    - column: PositionReport 
    - column: AlertRule 
    - column: EventDescription 
    - column: TriggeredUtc 
    - column: Port 
The table should have the title "AlertEvents" und the data must be loaded from the server with the following relative URL: 
    "/PortService/alertevent/vessel/{id}" 
Add a HTML table to the view with the following PositionReport columns: 
    - column: AisStation 
    - column: IsInterpolated 
    - column: CourseOverGround 
    - column: Vessel 
    - column: EtaUtc 
    - column: Longitude 
    - column: Heading 
    - column: PositionTimeUtc 
    - column: GeographicalArea 
    - column: SpeedOverGround 
    - column: NavigationalStatus 
    - column: PositionAccuracyMeters 
    - column: Latitude 
    - column: DestinationText 
The table should have the title "PositionReports" und the data must be loaded from the server with the following relative URL: 
    "/VesselService/positionreport/vessel/{id}" 
Add a HTML table to the view with the following Photo columns: 
    - column: IsApproved 
    - column: Description 
    - column: Vessel 
    - column: PhotographerName 
    - column: TakenUtc 
    - column: Title 
    - column: Source 
    - column: Url 
    - column: UserAccount 
    - column: UploadedUtc 
The table should have the title "Photos" und the data must be loaded from the server with the following relative URL: 
    "/PhotoService/photo/vessel/{id}" 
Add a HTML table to the view with the following AisMessage columns: 
    - column: AisStation 
    - column: SourceType 
    - column: RawHeading 
    - column: NmeaSentence 
    - column: Vessel 
    - column: RawEta 
    - column: RawNavigationalStatus 
    - column: RawCourseOverGround 
    - column: ReceivedUtc 
    - column: MessageType 
    - column: RawDraught 
    - column: RawLatitude 
    - column: RawDestination 
    - column: RawLongitude 
    - column: RawSpeedOverGround 
The table should have the title "AisMessages" und the data must be loaded from the server with the following relative URL: 
    "/GeographicalAreaService/aismessage/vessel/{id}" 
Add a HTML table to the view with the following VesselIdentifierHistory columns: 
    - column: PreviousFlagCountry 
    - column: PreviousName 
    - column: PreviousMmsi 
    - column: ValidToUtc 
    - column: Vessel 
    - column: PreviousCallSign 
    - column: ValidFromUtc 
The table should have the title "VesselIdentifierHistorys" und the data must be loaded from the server with the following relative URL: 
    "/FleetService/vesselidentifierhistory/vessel/{id}" 
Add a HTML table to the view with the following Route columns: 
    - column: Status 
    - column: DistanceNm 
    - column: ActualArrivalUtc 
    - column: Name 
    - column: PlannedDepartureUtc 
    - column: PlannedArrivalUtc 
    - column: Vessel 
    - column: EndPort 
    - column: StartPort 
    - column: ActualDepartureUtc 
The table should have the title "Routes" und the data must be loaded from the server with the following relative URL: 
    "/PortService/route/vessel/{id}" 
Add a HTML table to the view with the following FleetVessel columns: 
    - column: Notes 
    - column: AddedUtc 
    - column: Fleet 
    - column: Vessel 
The table should have the title "FleetVessels" und the data must be loaded from the server with the following relative URL: 
    "/FleetService/fleetvessel/vessel/{id}"

3. The VesselDailySummaryView must contain the following fields: 
    - name: AverageSpeed   type: STRING 
    - name: DistanceTraveledNm   type: STRING 
    - name: HoursAtAnchor   type: STRING 
    - name: HoursUnderway   type: STRING 
    - name: MaxSpeed   type: STRING 
    - name: PositionsCount   type: LONG 
    - name: SummaryDate   type: DATE 
    - name: Vessel   type: Vessel 
The data source for the [Vessel] select control should be loaded from the relative URL: 
    "/VesselService/vessel"   (HTTP-GET) 
An existing VesselDailySummary entity should be loaded from the relative URL: 
    "/VesselService/vesseldailysummary/{id}"   (HTTP-GET) 
If a new VesselDailySummary entity has been created, the new entity should be posted to the relative URL: 
    "/VesselService/vesseldailysummary"   (HTTP-POST) 
If an existing VesselDailySummary entity has been updated, the modified entity should be sent to the relative URL: 
    "/VesselService/vesseldailysummary/{id}"   (HTTP-PUT) 
If an existing VesselDailySummary entity has to be deleted, the following relative URL should be called: 
    "/VesselService/vesseldailysummary/{id}"   (HTTP-DELETE)

4. The VesselTypeView must contain the following fields: 
    - name: Description   type: STRING 
    - name: ImoCategoryCode   type: STRING 
    - name: Name   type: STRING 
An existing VesselType entity should be loaded from the relative URL: 
    "/VesselService/vesseltype/{id}"   (HTTP-GET) 
If a new VesselType entity has been created, the new entity should be posted to the relative URL: 
    "/VesselService/vesseltype"   (HTTP-POST) 
If an existing VesselType entity has been updated, the modified entity should be sent to the relative URL: 
    "/VesselService/vesseltype/{id}"   (HTTP-PUT) 
If an existing VesselType entity has to be deleted, the following relative URL should be called: 
    "/VesselService/vesseltype/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Vessel columns: 
    - column: BuildYear 
    - column: Beam 
    - column: LengthOverall 
    - column: VesselType 
    - column: Draught 
    - column: CallSign 
    - column: ImoNumber 
    - column: GrossTonnage 
    - column: FlagCountry 
    - column: VesselStatus 
    - column: Name 
    - column: Mmsi 
    - column: Deadweight 
The table should have the title "Vessels" und the data must be loaded from the server with the following relative URL: 
    "/VesselService/vessel/vesseltype/{id}"