santomegonzalo / octo-succotash

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NowTV React Interview

NowTV

Commands

  • npm start: Runs the web application in developer mode
  • npm test: Executes Jest tests that have the .test.js extension

Tasks

Feel free to create new files to help you complete these tasks.

  1. In service.js, utilise the 'APIs' provided by data.js 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": "robin@example.com",
    "message": "Hello, World!",
    "avatar": null
  },
  ...
]

(Do not modify data.js to achieve this)

  1. Create a view of this dataset, with the root of your React application starting in App.js. Including:
  • Display the avatar where applicable
  • Display the email on hover
  • Format the timestamp to be human readable
  1. Push on a public GitHub repository.

About


Languages

Language:JavaScript 85.6%Language:HTML 8.5%Language:CSS 5.8%