Tensorflow Object Detection React Application

This template app can be used for real time object detection by leveraging the Tensorflow Object Detection API, React and Tensorflow JS. In order to leverage this template, first walk through the Tensorflow Object Detection Course available on YouTube. Complete the Notebook up to Step 11. Conversion to TFJS.

Steps

Step 1. Clone this repository: https://github.com/DiversityDatabaseProject/FaceDetectionWebAppReact

Step 2. Install Node https://nodejs.org/en/

Step 3. Install App Depdendencies

npm install serve --

Step 4. To use your own model, update the files in \public\model with your corresponding tfjs model (model.json) and shard files (*.bin).

Step 10. Update the labelmap inside of utilities.js with your labels.

Step 11. Start the app by running npm run dev.

npm run dev

To view the app on Heroku

Go to https://diversity-face-detection.herokuapp.com/