Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 

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

About

A simple webpage hi5-ing component powered by Firebase.

Topics

Resources

License

Code of conduct

Packages

No packages published