Carbondream is an annotation engine written purely in ReactJS. It was inspired by Annotator and heavily borrows from the UX.
Go to http://carbondream.zeroarc.com and click on Demo.
To use Carbondream:
Pass it a list of annotations, a save handler, and a delete handler
<Container
annotations={annotations}
onSave={this.handleAnnotationSave}
onDelete={this.handleAnnotationDelete}
/>
Check out test/demo.jsx for a simple implementation using RefluxJS with local storage.
First, setup your local environment:
git clone git@github.com:ZeroarcSoftware/carbondream.git
cd carbondream
npm install
Next, build the project (for use in a npm link scenario):
npm run build
To run the demo (uses browserify):
npm run demo-build
Or to watch for changes:
npm run demo-watch
To reset the demo local storage, open the console and type:
localStorage.clear()