<p><a href="http://steemroll.io" rel="noopener">steemroll.io</a> is a live feed showing all comments and replies posted on Steemit in real-time.</p>
<p><img src="http://i.imgur.com/5BLd87i.gif" />
</p>
<h2>Built with</h2>
<ul>
  <li><a href="http://piston.readthedocs.io/" rel="noopener">Piston</a></li>
  <li><a href="https://github.com/pharesim/steemjs" rel="noopener">steemjs</a></li>
  <li><a href="http://vuejs.org/" rel="noopener">vue.js</a></li>
  <li><a href="https://github.com/chjj/marked" rel="noopener">marked</a></li>
  <li><a href="https://github.com/tobiasahlin/SpinKit" rel="noopener">SpinKit</a></li>
  <li><a href="http://subtlepatterns.com/" rel="noopener">Subtle Patterns</a></li>
</ul>
<h2>Technical implementation</h2>
<ol>
  <li>All requests to the blockchain are done through <a href="https://steemit.com/piston/@xeroc/this-piston-rocks-public-steem-steem-api-for-piston-users-and-developers">This.Piston.Rocks</a> (Piston's WebSocket API).</li>
  <li>Every few seconds the blockchain is scanned for new blocks.</li>
  <li>When a new block is detected the block data is retrieved and any comments are rendered with vue.js.</li>
</ol>
<h2>Other cool real-time projects</h2>
<ul>
  <li><a href="http://steemstream.com/" rel="noopener">SteemStream.com</a> by <a href="https://steemit.com/@roelandp">@roelandp</a></li>
  <li><a href="http://steemitpond.com/" rel="noopener">Steemit Pond</a> by <a href="https://steemit.com/@mynameisbrian">@mynameisbrian</a></li>
</ul>
<p>Please let me know if you have any questions, comments or suggestions!</p>
<h1><a href="http://steemroll.io" rel="noopener">steemroll.io</a></h1>