Building an Object Detection App with Tensorflow.JS and React.JS in 15 Minutes | COCO SSD

Want to build your very own object detection app?

Tried, but maybe it took a little too long?

Just need a kickstart?

Well, I hear you! In this video you'll learn how to build your very own real-time object detection app with Tensorflow.JS and React.JS. In 15 minutes you'll be able to have your app up and running and detecting objects using a pre-trained COCO SSD model.

In this video you’ll learn how to:
1. Accessing the React.JS and Tensorflow.JS Computer Vision Template
2. Install Tensorflow.JS and setup the prebuilt models
3. Build a React.JS app that accesses your webcam
4. Make detections from your webcam in real time
5. Customise detection styling

Completed Code:

Want to learn more about it all:

Oh, and don't forget to connect with me!

Happy coding!
Nick

P.s. Let me know how you go and drop a comment if you need a hand!

[vikashchand.]

The whole time I was looking for that mustache detection from the thumbnail 😂

Awesome video man! 🔥

[zerodeath]

Excellent video! I usually use python and am kinda unfamiliar with JS, but you make it seem really easy! Thank you again!

[patryan]

That was the most rewarding result to a tutorial I have had in a long time. Great stuff!

[datapro]

Tremendous job, Nick. I watched several of your videos, but this one really pulls it all together for me. Thanks!

[young-jinahn]

Awesome! Now I am trying to use custom model, apply it to React Native. Thank you for the walkthrough!

[jaewooko]

impressive... webbase application is great to integrate with my company projects. Thanks a lot.

[cyberxpgaming]

Nick so are someone who is my inspiration i just want to meet you when I grow up i am 8 years old

[georgemamdouh]

Great tutorial 👏👏.. can you make a blind assistance system: real-time object detection using TensorFlow with distance and voice?

[jonyifamily]

Thanks a lot for your amazing videos continue friend 🎉

[venkatasreeram]

Great broo😎😎 cool project..

Waiting for Image caption Generator

[HOPEX]

Tell me how to collect these datas in excel sheet as a attendance like if someone is not using mask that persons name get recorded in a excel sheet how to do that and if I want to do in a software how to do that as well

[ucjzgkv]

Thank you for informative video, I have one question, how I can use and load my own custom model ?

[peko]

How can I feed it with new information and add new objects?

[engjames]

Thanks for this helpful video. Can you make one that detects abnormal behavior as well using JS

[volodymyrsypko]

Dear Nicholas, can we change Webcam to other source. For instance to react-video or react-player?

[rahmia]

GREAT video bro! can u make detector with text to speech either? i'm sure it will be more cool

[diegonovoa]

Hi, when running npm start the browser shows the error that it can not connect, even tried changing the port to 8080 in the package.jason but did not work, any reasons why it may not be working ?
Thanks

[blazexsam]

thank you very much this great tutorial. Can i use custom tf model by this method?

[yacineelhafidy]

please how can i create this app with my model object detection because i already have a custom model.js and i dont know how i can use it in an app like node-red or somthing please can you help me and thank you

[Joel-ifbg]

Thank you!!! Been trying for a while to get something decent working, I think Jupyter doesn't work with a CUDA dependency or something on my computer so it keeps crashing. Thank you very much!