NowTV React Chat Concept

Tasks

1. In service.js, utilise the 'APIs' provided by data.js to create a promise resolving to an array of chatlog messages in the following format, sorted by time.

[
  {
    "messageId": "12356",
    "userId": "613651251",
    "fullName": "Robin Balmforth",
    "timestamp": "2017-02-23T14:57:20.629Z",
    "email": "[email protected]",
    "message": "Hello, World!",
    "avatar": null
  },
  ...
]

2. Create a view of this dataset, with the root of your React application starting in App.js

Commands

Run the web application in developer mode

npm
npm start

Execute Jest tests that have the .test.js extension

npm test

Execute integration tests with cypress with following commands. App must be running on port 3000 (npm start)

npm cypress:run

Bonus challenges

To view redux implementation switch to redux-implementation branch

git checkout redux-implementation

For deployment suggestion switch to deployment-implementation branch

git checkout deployment-implementation