• Interesting Code -> https://github.com/Jatzek3/Chat/blob/chat/src/components/Chat/Chat.js
• Interesting Code -> https://github.com/Jatzek3/Chat/blob/chat/src/components/InfoBar/InfoBar.js
• Interesting Code -> https://github.com/Jatzek3/Chat/blob/chat/src/components/Messages/Messages.js
• Interesting Code -> https://github.com/Jatzek3/Chat/blob/chat/src/tests/reducers.test.js

To run Locally

• Downoload/clone the repository
• "npm install" dependencies
• "npm start" to run locall server

Overview

• Your task is to implement a UI for a chat.
• Design is up to you.

All your code must be in the school’s private repository:

• Create new branch named chat;
• Make a Pull request from the chat branch to the master branch.

General requirements

• Connection should be WS based.
• You should use ws://st-chat.shas.tel ( or ws://chat.shas.tel) as connection url.

You always will receive an array of messages from the server - when you first connect and when somebody (including you) sends a message to the server.

Front-to-back communication

A message that you send to the server should strictly follow protocol:

{
  from: String,
  message: String,
}

Back-to-front communication

You always will receive an array of messages from the server (when you first connected, and when somebody (includes you) send some message to the server.

A message that you receive from server strictly follow protocol:

[{
  from: String,
  message: String,
  id: String, // unique id of the message
  time: Number, // time when the message has been received
},]

Note, that you can receive more than 1 message in Array (up to 100).

Requirements:

• React/Redux
• Nickname should be stored in LocalStorage and reused across app launches.
• You should implement reconnection mechanism
• Add notifications for new messages
• Display notification only when app is not visible
• You should separately handle cases when the app goes online/offline
• App should properly work in latest stable chrome
• Your implementation of chat should be deployed and available anywhere by a public link. (My recommend hosting is heroku). Please add a link to the deployed app to the PR.