---
title: "Discussion on \"How We Built a Real-Time Feedback-Assisted Auto Face Capture in React\" | Hashnode"
description: "Discussion on \"How We Built a Real-Time Feedback-Assisted Auto Face Capture in React\". Discover how to build a real-time face capture feature using React and machine learning with step-by-step guidance and optimization tips"
url: "https://hashnode.com/posts/how-we-built-a-real-time-auto-face-capture-feature-with-react-and-machine-learning/671559a6ffe67118f260565d"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How We Built a Real-Time Feedback-Assisted Auto Face Capture in React](https://gaurav-sharma.hashnode.dev/how-we-built-a-real-time-auto-face-capture-feature-with-react-and-machine-learning?utm_source=hashnode&utm_medium=feed)

Discover how to build a real-time face capture feature using React and machine learning with step-by-step guidance and optimization tips

Oct 20, 2024 · 12 min read · gaurav-sharma.hashnode.dev  
Read the article

-   [#machine-learning](https://hashnode.com/tag/machine-learning)
-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#javascript](https://hashnode.com/tag/javascript)
-   [#typescript](https://hashnode.com/tag/typescript)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#mediapipe](https://hashnode.com/tag/mediapipe)

## Written by

[Gaurav Sharma](https://hashnode.com/@gaurav-sharma)

@gaurav-sharma · Singrauli, M.P.

  
[View profile](https://hashnode.com/@gaurav-sharma)

Here to share my learnings.

I like building stuff.

## Responses 1

Markdown supported · ⌘↵ to post

[Ravi Kasibhatla](https://hashnode.com/@RKasibhatla)

[Oct 24, 2024](https://hashnode.com/posts/how-we-built-a-real-time-auto-face-capture-feature-with-react-and-machine-learning/671559a6ffe67118f260565d/comment/671a7c22bf80298413a46f26)

Hi Gaurav,

Good article! Well done.

However, I have some observations. As the code has been presented in parts, the use of these code parts goes in different places of a page? Also the integration with the GUI part is not presented. For example, what GUI Items need to be created on the page where I would like to use this code - for example: an image capture item, and image display item etc.

Also the final HTML piece of code is not being mentioned how all the code parts are being used.

And I have a question: I have a page developed in Oracle APEX to take a snap. This page uses the Java Script code to access the media to capture the image, store it in the DB and show the image on the page (check this: [b1r1mryygmx24ne-phi.adb.us-ashburn-1.oracleclouda…](https://b1r1mryygmx24ne-phi.adb.us-ashburn-1.oraclecloudapps.com/ords/r/phi/propiedad-horizontal-inteligente/photo-flipper)). So if I want to use this code you are using (with JavaScript+React) is it possible to use?

Regards and once again congrats on the write-up.

Ravi

[Jessica Johnson](https://hashnode.com/@alphakeyrecovery)

[Oct 21, 2024](https://hashnode.com/posts/how-we-built-a-real-time-auto-face-capture-feature-with-react-and-machine-learning/671559a6ffe67118f260565d/comment/6716a48ef35af2eeaf44f131)

ALPHA KEY, A LICENSED CRYPTO RECOVERY HACKER, IS A GREAT REFERENCE

Please contact the qualified crypto recovery hacker using their Alpha key since they are the only one I have found who has truly done appropriately and to whom I can offer my sincere regards. Contact info : Mail:Alphakey@consultant.com WhatsApp :+15714122170 Signal:+18622823879 Telegram: ALPHAKEYHACKER