Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/regulaforensics/face-web-components-samples
https://github.com/regulaforensics/face-web-components-samples
Last synced: 29 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/regulaforensics/face-web-components-samples
- Owner: regulaforensics
- Created: 2021-10-12T12:57:29.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-08-22T10:48:22.000Z (4 months ago)
- Last Synced: 2024-08-22T12:17:03.202Z (4 months ago)
- Language: HTML
- Size: 260 KB
- Stars: 3
- Watchers: 3
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Table of сontents
1. [About](#about)
1. [CDN sample](#cdn-sample)
1. [Webpack sample](#webpack-sample)
1. [React typescript](#react-typescript)
1. [Angular sample](#angular-sample)
1. [CodePen samples](#codepen-samples)
---
## About
This repository contains examples of using [@regulaforensics/vp-frontend-face-components](https://www.npmjs.com/package/@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```
```html
```
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/``` 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/``` folder contains an example of using a component with react and typescript.
### Example installation
Follow the steps as in [Webpack sample](#webpack-sample).
## Angular sample
The ```angular/``` folder contains an example of using a component with Angular.
### Example installation
Follow the steps as in [Webpack sample](#webpack-sample).
## CodePen samples
### Face detection component
https://codepen.io/regulaforensics/pen/zYdParM
### Face liveness component
https://codepen.io/regulaforensics/pen/pordKzd