Prompt for the FleetApp

Please create a React-JS application for the FleetModule. The application  has to offer the following views for the user interface: 
    1. FleetView 
    2. FleetVesselView 
    3. NotificationView 
    4. VesselIdentifierHistoryView 
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 FleetView must contain the following fields: 
    - name: CreatedUtc   type: DATE 
    - name: Description   type: STRING 
    - name: IsShared   type: BOOL 
    - name: Name   type: STRING 
    - name: OwnerUser   type: UserAccount 
The data source for the [OwnerUser] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing Fleet entity should be loaded from the relative URL: 
    "/FleetService/fleet/{id}"   (HTTP-GET) 
If a new Fleet entity has been created, the new entity should be posted to the relative URL: 
    "/FleetService/fleet"   (HTTP-POST) 
If an existing Fleet entity has been updated, the modified entity should be sent to the relative URL: 
    "/FleetService/fleet/{id}"   (HTTP-PUT) 
If an existing Fleet entity has to be deleted, the following relative URL should be called: 
    "/FleetService/fleet/{id}"   (HTTP-DELETE) 
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/fleet/{id}"

2. The FleetVesselView must contain the following fields: 
    - name: AddedUtc   type: DATE 
    - name: Fleet   type: Fleet 
    - name: Notes   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 [Fleet] select control should be loaded from the relative URL: 
    "/FleetService/fleet"   (HTTP-GET) 
An existing FleetVessel entity should be loaded from the relative URL: 
    "/FleetService/fleetvessel/{id}"   (HTTP-GET) 
If a new FleetVessel entity has been created, the new entity should be posted to the relative URL: 
    "/FleetService/fleetvessel"   (HTTP-POST) 
If an existing FleetVessel entity has been updated, the modified entity should be sent to the relative URL: 
    "/FleetService/fleetvessel/{id}"   (HTTP-PUT) 
If an existing FleetVessel entity has to be deleted, the following relative URL should be called: 
    "/FleetService/fleetvessel/{id}"   (HTTP-DELETE)

3. The NotificationView must contain the following fields: 
    - name: AlertEvent   type: AlertEvent 
    - name: Body   type: STRING 
    - name: Channel   type: STRING 
    - name: DeliveryStatus   type: STRING 
    - name: ErrorMessage   type: STRING 
    - name: SentUtc   type: DATE 
    - name: Subject   type: STRING 
    - name: UserAccount   type: UserAccount 
The data source for the [AlertEvent] select control should be loaded from the relative URL: 
    "/PortService/alertevent"   (HTTP-GET) 
The data source for the [UserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing Notification entity should be loaded from the relative URL: 
    "/FleetService/notification/{id}"   (HTTP-GET) 
If a new Notification entity has been created, the new entity should be posted to the relative URL: 
    "/FleetService/notification"   (HTTP-POST) 
If an existing Notification entity has been updated, the modified entity should be sent to the relative URL: 
    "/FleetService/notification/{id}"   (HTTP-PUT) 
If an existing Notification entity has to be deleted, the following relative URL should be called: 
    "/FleetService/notification/{id}"   (HTTP-DELETE)

4. The VesselIdentifierHistoryView must contain the following fields: 
    - name: PreviousCallSign   type: STRING 
    - name: PreviousFlagCountry   type: Country 
    - name: PreviousMmsi   type: STRING 
    - name: PreviousName   type: STRING 
    - name: ValidFromUtc   type: DATE 
    - name: ValidToUtc   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) 
The data source for the [PreviousFlagCountry] select control should be loaded from the relative URL: 
    "/UserAccountService/country"   (HTTP-GET) 
An existing VesselIdentifierHistory entity should be loaded from the relative URL: 
    "/FleetService/vesselidentifierhistory/{id}"   (HTTP-GET) 
If a new VesselIdentifierHistory entity has been created, the new entity should be posted to the relative URL: 
    "/FleetService/vesselidentifierhistory"   (HTTP-POST) 
If an existing VesselIdentifierHistory entity has been updated, the modified entity should be sent to the relative URL: 
    "/FleetService/vesselidentifierhistory/{id}"   (HTTP-PUT) 
If an existing VesselIdentifierHistory entity has to be deleted, the following relative URL should be called: 
    "/FleetService/vesselidentifierhistory/{id}"   (HTTP-DELETE)