Comment on highlighted text

The flow

• Highlight any part the text on the page: A popup of button group appears, at this moment comment is the available option
• Click comment icon: A text input appears in the right margin
• Type and submit: After the submission, comment added to the comment list down below
• Click on any comment: It should take us to the linked text

Stack

React, Javascript, CSS, DOM

To run the source localy

• Install Dependencies: run yarn or npm install

• Production Build:

  • yarn run build or npm run build
  • cd build
  • python -m SimpleHTTPServer 3000
  • hit the browser to localhost:3000

• Development Build:

  • yarn start or npm start