A simple webpage hi5-ing component powered by Firebase.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
CODE_OF_CONDUCT.md
LICENSE
README.md
hi5.css
hi5.js
index.html

README.md

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="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="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

Inspired by the kudos feature of Svbtle.

<3

Built with Firebase and lots of <3!

License

MIT