Table of сontents

1. About
2. CDN sample
3. Webpack sample
4. React typescript
5. Angular sample
6. CodePen samples

---

About

This repository contains examples of using @regulaforensics/vp-frontend-face-components.

CDN sample

The cdn folder contains an example of using the component when connecting a package via a cdn link.

Adding a package:

Connect the package to your .html file using the CDN link: unpkg.com/:package@:version/:file

<!-- Replace <VERSION> with the package version -->
<script src="https://unpkg.com/@regulaforensics/vp-frontend-face-components@<VERSION>/dist/main.iife.js"></script>

Add the name of the component tag to the html code.

Webpack sample

The webpack folder contains an example of using components with Webpack.

Example installation

Clone this repository then go to the webpack/<component-name> folder and install the dependencies:

npm i

Build a project:

npm run build

The project files will be located in the build folder.

Development mode:

npm run serve

React typescript

The react-ts/<component-name> folder contains an example of using a component with react and typescript.

Example installation

Follow the steps as in Webpack sample.

Angular sample

The angular/<component-name> folder contains an example of using a component with Angular.

Example installation

Follow the steps as in Webpack sample.

CodePen samples

Face detection component

https://codepen.io/regulaforensics/pen/zYdParM

Face liveness component

https://codepen.io/regulaforensics/pen/pordKzd