bcwaters/yakmos

universal comment section for any url

yakmos's Issues

allow for custom apis

At the moment apiUrl is use to make a call to the api. Set up a config file to let the enviroment decide which api to use.

can probably use .env for this
example: on a local environment use apiUrl=localhost:PORT and in production use apiUrl=yakmos.com

Remove dependency from react-bootstrap

Since the ReactApp will be embedded into any webpage bootstrap cannot offer consistency.

example: The button class gets overridden on most sites across the web

How to resolve

The major dependency is on Container Row Col which can be replaced with CSS Grid Reference Link

Other than that button and inputgroup can easily be replaced with custom css

MongoDB object schema

Decide on a loose schema for Comment objects which are inserted and retrieved.
Create helper class in react app to help insert data and process retrieved data

Comments with really long strings cause overflow issues

Need to set up word wrap to break even if there is no whitespace.
check the css for .commentText and .commentTextSpan

Turn off Hotkeys while comments are visible

Right now the comment box editor does not get the full focus from the chrome window. this results in keyboard events not being entered into editor.

example: go to youtube and try typing a comment. keys like the spacebar start the video instead of addinga space.

It may be neccesary to embed the entire app in an iFrame