A context-centric, collaborative annotation engine in your browser. Just install the Chrome Extension and start highlighting text to comment on. Built with React+Flux, Mongo, Node, and the Chrome extension API. You can join and post under different groups, and choose which group's tags are visible in the browser dropdown. Since it's still in beta, we're limiting groups to Reddit, Hackernews, 30Weeks, and Fullstack.

Table of Contents

• Installation and Usage
• Roadmap
• Contributors

Screenshot

Right Click and select See Tags to view a page's tags.

Hovering near the sidebar highlights embedded tags.

Clicking on a tab brings out its comments.

If you start highlighting text, a form will pop out for you to create your tag

See what pages other people in your groups are commenting on.

Sort by specific groups tags when you go to a page.

Join new groups.

Above: An example of the working app

Installation and Usage

1. Download and unzip the alpha build from here

2. Go to chrome://extensions/ in your browser, and drag the folder into the list.

3. To view tags on a given page, just right click and click the See Tags option.

4. Graffiti works everywhere there's a p tag. Try going to Techcrunch or the New York times and highlighting text.

5. You can change your username from our Heroku app

6. You can also join, filter by, and post to separate groups from the browser dropdown.

Roadmap

Features

• React apps communicating through a Chrome background process.
• Material UI
• HTML and Special characters recognized in highlight

Known bugs

• $ signs, (), [], and {} characters are to be treated with extreme predjudice in your highlight.
• Sites that use a frontend framework like Angular, Backbone, Brisket, or React aren't 100% reliable to tag on yet.

Contributors

• Sam McCord - Project Lead and Engineer LinkedIn | GitHub
• James Cazzoli - Product Design Engineer LinkedIn