Prompt for the DeviceApp

Please create a React-JS application for the DeviceModule. The application  has to offer the following views for the user interface: 
    1. DeviceView 
    2. UserFavoriteView 
    3. UserSessionView 
    4. VideoViewView 
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 DeviceView must contain the following fields: 
    - name: Browser   type: STRING 
    - name: CreatedAt   type: DATE 
    - name: Name   type: STRING 
    - name: Os   type: STRING 
    - name: Type   type: STRING 
An existing Device entity should be loaded from the relative URL: 
    "/DeviceService/device/{id}"   (HTTP-GET) 
If a new Device entity has been created, the new entity should be posted to the relative URL: 
    "/DeviceService/device"   (HTTP-POST) 
If an existing Device entity has been updated, the modified entity should be sent to the relative URL: 
    "/DeviceService/device/{id}"   (HTTP-PUT) 
If an existing Device entity has to be deleted, the following relative URL should be called: 
    "/DeviceService/device/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following AdImpression columns: 
    - column: Video 
    - column: Ad 
    - column: RevenueMicros 
    - column: ClickedAt 
    - column: User 
    - column: ImpressionAt 
    - column: Device 
The table should have the title "AdImpressions" und the data must be loaded from the server with the following relative URL: 
    "/UserService/adimpression/device/{id}" 
Add a HTML table to the view with the following UserSession columns: 
    - column: IpAddress 
    - column: RevokedAt 
    - column: CreatedAt 
    - column: User 
    - column: Device 
    - column: UserAgent 
    - column: ExpiresAt 
The table should have the title "UserSessions" und the data must be loaded from the server with the following relative URL: 
    "/DeviceService/usersession/device/{id}" 
Add a HTML table to the view with the following WatchHistory columns: 
    - column: WatchTimeSeconds 
    - column: Device 
    - column: Video 
    - column: ProgressPercent 
    - column: IsAutoplay 
    - column: WatchedAt 
    - column: User 
    - column: Session 
The table should have the title "WatchHistorys" und the data must be loaded from the server with the following relative URL: 
    "/VideoService/watchhistory/device/{id}" 
Add a HTML table to the view with the following VideoView columns: 
    - column: WatchedAt 
    - column: WatchTimeSeconds 
    - column: IsUniqueSession 
    - column: Country 
    - column: Device 
    - column: Video 
    - column: Session 
    - column: User 
    - column: ReferrerType 
The table should have the title "VideoViews" und the data must be loaded from the server with the following relative URL: 
    "/DeviceService/videoview/device/{id}"

2. The UserFavoriteView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: User   type: User 
    - name: Video   type: Video 
The data source for the [User] select control should be loaded from the relative URL: 
    "/UserService/user"   (HTTP-GET) 
The data source for the [Video] select control should be loaded from the relative URL: 
    "/VideoService/video"   (HTTP-GET) 
An existing UserFavorite entity should be loaded from the relative URL: 
    "/DeviceService/userfavorite/{id}"   (HTTP-GET) 
If a new UserFavorite entity has been created, the new entity should be posted to the relative URL: 
    "/DeviceService/userfavorite"   (HTTP-POST) 
If an existing UserFavorite entity has been updated, the modified entity should be sent to the relative URL: 
    "/DeviceService/userfavorite/{id}"   (HTTP-PUT) 
If an existing UserFavorite entity has to be deleted, the following relative URL should be called: 
    "/DeviceService/userfavorite/{id}"   (HTTP-DELETE)

3. The UserSessionView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: Device   type: Device 
    - name: ExpiresAt   type: DATE 
    - name: IpAddress   type: STRING 
    - name: RevokedAt   type: DATE 
    - name: User   type: User 
    - name: UserAgent   type: STRING 
The data source for the [User] select control should be loaded from the relative URL: 
    "/UserService/user"   (HTTP-GET) 
The data source for the [Device] select control should be loaded from the relative URL: 
    "/DeviceService/device"   (HTTP-GET) 
An existing UserSession entity should be loaded from the relative URL: 
    "/DeviceService/usersession/{id}"   (HTTP-GET) 
If a new UserSession entity has been created, the new entity should be posted to the relative URL: 
    "/DeviceService/usersession"   (HTTP-POST) 
If an existing UserSession entity has been updated, the modified entity should be sent to the relative URL: 
    "/DeviceService/usersession/{id}"   (HTTP-PUT) 
If an existing UserSession entity has to be deleted, the following relative URL should be called: 
    "/DeviceService/usersession/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following WatchHistory columns: 
    - column: WatchTimeSeconds 
    - column: Device 
    - column: Video 
    - column: ProgressPercent 
    - column: IsAutoplay 
    - column: WatchedAt 
    - column: User 
    - column: Session 
The table should have the title "WatchHistorys" und the data must be loaded from the server with the following relative URL: 
    "/VideoService/watchhistory/session/{id}" 
Add a HTML table to the view with the following VideoView columns: 
    - column: WatchedAt 
    - column: WatchTimeSeconds 
    - column: IsUniqueSession 
    - column: Country 
    - column: Device 
    - column: Video 
    - column: Session 
    - column: User 
    - column: ReferrerType 
The table should have the title "VideoViews" und the data must be loaded from the server with the following relative URL: 
    "/DeviceService/videoview/session/{id}"

4. The VideoViewView must contain the following fields: 
    - name: Country   type: STRING 
    - name: Device   type: Device 
    - name: IsUniqueSession   type: BOOL 
    - name: ReferrerType   type: STRING 
    - name: Session   type: UserSession 
    - name: User   type: User 
    - name: Video   type: Video 
    - name: WatchedAt   type: DATE 
    - name: WatchTimeSeconds   type: LONG 
The data source for the [User] select control should be loaded from the relative URL: 
    "/UserService/user"   (HTTP-GET) 
The data source for the [Device] select control should be loaded from the relative URL: 
    "/DeviceService/device"   (HTTP-GET) 
The data source for the [Video] select control should be loaded from the relative URL: 
    "/VideoService/video"   (HTTP-GET) 
The data source for the [Session] select control should be loaded from the relative URL: 
    "/DeviceService/usersession"   (HTTP-GET) 
An existing VideoView entity should be loaded from the relative URL: 
    "/DeviceService/videoview/{id}"   (HTTP-GET) 
If a new VideoView entity has been created, the new entity should be posted to the relative URL: 
    "/DeviceService/videoview"   (HTTP-POST) 
If an existing VideoView entity has been updated, the modified entity should be sent to the relative URL: 
    "/DeviceService/videoview/{id}"   (HTTP-PUT) 
If an existing VideoView entity has to be deleted, the following relative URL should be called: 
    "/DeviceService/videoview/{id}"   (HTTP-DELETE)