lauirvin/react-use-face-detection-demo

useFaceDetection hook demo

📚 Introduction

Demo of how to use the useFaceDetection hook from react-use-face-detection - this project consists of both examples of detecting faces in an HTMLImageElement and a video source from react-webcam

🚀 Development

Getting started

1. Locate the repository root directory in terminal/bash
2. Install dependencies

yarn install

3. Start development server

yarn dev

Prettier & ESLint

ESLint Lint Check

yarn lint

Prettier Lint Check

yarn format

Fix both Prettier and ESLint errors

yarn lint:fix

📦 Production

Build project

yarn build

👷🏻‍♂️ Built With

• ReactJS v17 - Frontend Javascript web framework
• TypeScript - Open-source language which builds on JavaScript
• react-use-face-detection - React Face detection hook library
• react-webcam - Webcam library
• MediaPipe Face Detection - ML Model library
• MediaPipe Camera Utils - Camera Utility for ML Model library

👨🏻‍🎨 Author

• Irvin Ives Lau - lauirvin
• https://www.irviniveslau.com