Prompt for the SafetyNumberApp

Please create a React-JS application for the SafetyNumberModule. The application  has to offer the following views for the user interface: 
    1. ContactView 
    2. ReactionView 
    3. SafetyNumberView 
    4. VerificationEventView 
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 ContactView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: DisplayName   type: STRING 
    - name: E164Number   type: STRING 
    - name: IsInAddressBook   type: BOOL 
    - name: IsMarkedAsSpam   type: BOOL 
    - name: OwnerUserAccount   type: LONG 
    - name: RemoteUserAccount   type: LONG 
    - name: UpdatedAt   type: DATE 
An existing Contact entity should be loaded from the relative URL: 
    "/SafetyNumberService/contact/{id}"   (HTTP-GET) 
If a new Contact entity has been created, the new entity should be posted to the relative URL: 
    "/SafetyNumberService/contact"   (HTTP-POST) 
If an existing Contact entity has been updated, the modified entity should be sent to the relative URL: 
    "/SafetyNumberService/contact/{id}"   (HTTP-PUT) 
If an existing Contact entity has to be deleted, the following relative URL should be called: 
    "/SafetyNumberService/contact/{id}"   (HTTP-DELETE)

2. The ReactionView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: EmojiCode   type: STRING 
    - name: Message   type: Message 
    - name: UserAccount   type: UserAccount 
The data source for the [Message] select control should be loaded from the relative URL: 
    "/MessageService/message"   (HTTP-GET) 
The data source for the [UserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing Reaction entity should be loaded from the relative URL: 
    "/SafetyNumberService/reaction/{id}"   (HTTP-GET) 
If a new Reaction entity has been created, the new entity should be posted to the relative URL: 
    "/SafetyNumberService/reaction"   (HTTP-POST) 
If an existing Reaction entity has been updated, the modified entity should be sent to the relative URL: 
    "/SafetyNumberService/reaction/{id}"   (HTTP-PUT) 
If an existing Reaction entity has to be deleted, the following relative URL should be called: 
    "/SafetyNumberService/reaction/{id}"   (HTTP-DELETE)

3. The SafetyNumberView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: IsCurrent   type: BOOL 
    - name: SafetyNumberValue   type: STRING 
    - name: UserAccountA   type: UserAccount 
    - name: UserAccountB   type: UserAccount 
The data source for the [UserAccountB] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
The data source for the [UserAccountA] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing SafetyNumber entity should be loaded from the relative URL: 
    "/SafetyNumberService/safetynumber/{id}"   (HTTP-GET) 
If a new SafetyNumber entity has been created, the new entity should be posted to the relative URL: 
    "/SafetyNumberService/safetynumber"   (HTTP-POST) 
If an existing SafetyNumber entity has been updated, the modified entity should be sent to the relative URL: 
    "/SafetyNumberService/safetynumber/{id}"   (HTTP-PUT) 
If an existing SafetyNumber entity has to be deleted, the following relative URL should be called: 
    "/SafetyNumberService/safetynumber/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following VerificationEvent columns: 
    - column: CreatedAt 
    - column: VerifiedUserAccount 
    - column: VerifierUserAccount 
    - column: EventType 
    - column: SafetyNumber 
The table should have the title "VerificationEvents" und the data must be loaded from the server with the following relative URL: 
    "/SafetyNumberService/verificationevent/safetynumber/{id}"

4. The VerificationEventView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: EventType   type: STRING 
    - name: SafetyNumber   type: SafetyNumber 
    - name: VerifiedUserAccount   type: LONG 
    - name: VerifierUserAccount   type: LONG 
The data source for the [SafetyNumber] select control should be loaded from the relative URL: 
    "/SafetyNumberService/safetynumber"   (HTTP-GET) 
An existing VerificationEvent entity should be loaded from the relative URL: 
    "/SafetyNumberService/verificationevent/{id}"   (HTTP-GET) 
If a new VerificationEvent entity has been created, the new entity should be posted to the relative URL: 
    "/SafetyNumberService/verificationevent"   (HTTP-POST) 
If an existing VerificationEvent entity has been updated, the modified entity should be sent to the relative URL: 
    "/SafetyNumberService/verificationevent/{id}"   (HTTP-PUT) 
If an existing VerificationEvent entity has to be deleted, the following relative URL should be called: 
    "/SafetyNumberService/verificationevent/{id}"   (HTTP-DELETE)