hi5

hi5 is a simple script that allows users to hi5 a web page. It updates the hi5 count in realtime.

Note

v2 is in the works

Demo

Check out the demo here: http://mohni.sh/hi5/

Here is a video demo: https://www.youtube.com/watch?v=5Rqa_k9AyRk

Setup

• Create a firebase account and setup a firebase API endpoint. (TODO: detailed explanation)
• Update the reference in the code. (TODO: detailed explanation)
• Add <link rel="stylesheet" href="https://github.com/mohnish/hi5/blob/master/hi5.css"> to your head section.
• Add <script src='https://cdn.firebase.com/v0/firebase.js'></script> to your head section.

NOTE: You can even add this in your body tag. Just make sure you add it before the hi5.js.

• Add <script src="https://github.com/mohnish/hi5/raw/master/hi5.js"></script> in the body section right before the closing (</body>) tag.

• Add the following in your code, where you want to display your hi5's:

  <div class="hi5-container">
      <div id="hi5"></div>
      <div class="hi5-feedback"></div>
  </div>

Dependencies

• MD5.js
• Cookie.js

Inspired by the kudos feature of Svbtle.

<3

Built with Firebase and lots of <3!

License

MIT