Recorder Instructions as React Component about undebate HOT 6 CLOSED

I will work on it seriously this week (Sept 16). Here is my todo:

POC

• take the original content from the google doc and put it in plain HTML in a component to render it.
• explore rendering it on its own URI via mLab or rendering it layered on top of existing content somehow.
• explore styling the component to match the original document as much as possible using semantic styles

Additional research:

• create a component and service that posts user inputs in a database.
• create a component that allows the selection of user posts to be displayed in this component
• research markdown parsing.
• research/ stub out a service that allows CRUD API for Recorder Instructions.

from undebate.

component will be RecorderInstructions and can be accessed at the path: candidate-conversations-candidate-recorder/instructions

from undebate.

using showdown.js markdown converter it will be easy to create an editor to make live changes to a document.

wishlist:

• a way add images to cloudinary via a client-side API call.
• @ddfridley can you host the images in the current instructions so I can use them in testing.

from undebate.

• need to make an api similar create participant and Iota.js model to access the collection. (Iota.updateOn, .findOne

from undebate.

The images from the instruction doc have been uploaded to cloudinary as this - image number is order in the document:

https://res.cloudinary.com/hf6mryjpf/image/upload/v1600966866/assets/instructionsV1/image_1_oge9qf.png
https://res.cloudinary.com/hf6mryjpf/image/upload/v1600966865/assets/instructionsV1/image_2_shlyot.png
https://res.cloudinary.com/hf6mryjpf/image/upload/v1600966864/assets/instructionsV1/image_3_vaptbo.png
https://res.cloudinary.com/hf6mryjpf/image/upload/v1600966864/assets/instructionsV1/image_4_yycwyu.png
https://res.cloudinary.com/hf6mryjpf/image/upload/v1600966868/assets/instructionsV1/image_5_xhf5ek.png
https://res.cloudinary.com/hf6mryjpf/image/upload/v1600966866/assets/instructionsV1/image_6_ykd8ez.png
https://res.cloudinary.com/hf6mryjpf/image/upload/v1600966864/assets/instructionsV1/image_7_ondzel.png

from undebate.

Images were added to the webcomponent prop containing the content of the instructions and styles were changed to closer resemble the google doc. The link in undebate.jsx was updated via the prop in iota.json -> instructionLink now points to /candidate-conversation-candidate-recorder/instructions

from undebate.