Sldrx NPM | npm.io

SldRX: Slide Reactions

HTML/JS Widget to add user reactions to any online presentation/page

Usage

The widget has 2 modes of operation: master or client. The master shows the total count of every reaction updated in real time with bubbling up effects, while the client allows to create the reactions by showing a button bar.

To setup the widget you need to first create a Firebase realtime database documentation

After your database is created add the corresponding snippet to your HTML (is possible to use both at the same time):

Master

  <div data-widget-sldrx="master">
    <script type="text/props">
      {
        "apiKey": "YOUR FIREBASE API KEY",
        "databaseURL": "YOUR FIREBASE REALTIME DB URL"
      }
    </script>
    <script defer src="https://unpkg.com/sldrx"></script>
  </div>

Client

  <div data-widget-sldrx="client">
    <script type="text/props">
      {
        "apiKey": "YOUR FIREBASE API KEY",
        "databaseURL": "YOUR FIREBASE REALTIME DB URL"
      }
    </script>
  </div>
  <script defer src="https://unpkg.com/sldrx"></script>