/swipi-cards-game

Tinder like swipe card web component for binary classification

Primary LanguageTypeScriptMIT LicenseMIT

Built With Stencil

SWIPI CARDS Live Demo

Simple Tinder Like web component made with stencil. It fire an event when a swipe is completed. Swipe completion is driven by velocity.

Getting Started

To start development server

npm run start

To build the component for production, run:

npm run build

To run the unit tests for the components, run:

npm test

Using this component

Script tag

  • Publish to NPM
  • Put a script tag similar to this in the head of your index.html
<script src="https://unpkg.com/swipi-cards@2.0.0/dist/swipi-cards/swipi-cards.esm.js" type="module"></script>
<script src="https://unpkg.com/swipi-cards@2.0.0/dist/swipi-cards/swipi-cards.js" nomodule=""></script>
  • Then you can use the element anywhere in your template, JSX, html etc

Node Modules

  • Run npm install swipi-cards --save
  • Put a script tag similar to this <script src='node_modules/swipi-cards/dist/swipi-cards.js'></script> in the head of your index.html
  • Then you can use the element anywhere in your template, JSX, html etc