# Tensorflow.js Face Recognition
## **Interactive Face Recognition!**
## â Features
- [React 17](https://reactjs.org/blog/2020/10/20/react-v17.html)
- [React Hooks](https://reactjs.org/docs/hooks-intro.html)
- [React Webcam](https://www.npmjs.com/package/react-webcam)
- [Canvas API](https://www.w3schools.com/tags/canvas_arc.asp)
- [Tensorflow @2.8.5](https://www.tensorflow.org/js/models)
- [Face Landmarks Detection](https://www.npmjs.com/package/@tensorflow-models/face-landmarks-detection)
- [ES8](https://www.w3schools.com/js/js_2018.asp)
- [PropTypes](https://www.npmjs.com/package/prop-types)
## ðï¸âð¨ï¸ Project Preview
Coming Soon!
## ð Start
To start app: `npm start`
## ð HOW-TO
For additional info click [here](https://github.com/moisestech/tf-js-face-recog/blob/main/HOWTO.md)
## ðº URL Tree
```bash
âââ / #Home
```
## ð¿ App tree
```bash
âââ HOWTO.md
âââ LICENSE
âââ README.md
âââ package.json
âââ public
â  âââ _redirects
â  âââ assets
â  âââ favicon.ico
â  âââ index.html
âââ src
â  âââ App
â  â  âââ index.js
â  âââ index.js
â  âââ styles.css
â  âââ utils
â  âââ index.js
âââ webpack.config.js
```
## â°ï¸ Roadmap
1. Migrate to TypeScript
2. Make Mobile Friendly
3. Write Tests
## To-Do's
1. Finnish Webpack Config
2. Finnish Tutorial
3. Finnish README.md page
4. Finnish HOWTO.md page
5. Add Logo
6. Add WebApp Preview Gif
7. Add File Diagram
8. Add Babel Compilation
---
[Moises Sanabria](https://www.moises.tech/)