Make an image classification app using React and Tensorflow JS
Вставка
- Опубліковано 9 кві 2021
- In this video, we will learn how to make a simple Image Classification / Identification app using React and Tensorflow JS. Tensorflow JS is a machine learning library for Javascript. For this tutorial, there is no machine learning knowledge required.
We are going to use the pre-trained machine learning model from Tensorflow JS called mobilenet. This model is specifically used for image classification. This is a very simple app that uses tensorflow model, and tries to identify the content of the image.
So if we use an image of animals like cats, dogs or other simple things, The Tensorflow will work behind the scenes to identify the content for this image, and will display the results in 3 guesses.
Link to the finished product: imageid.netlify.app
Link to the Git Repository: bitbucket.org/vikrammehta/ima...
If you find this video helpful or informative, please like, share and comment on this video, and Please subscribe to my channel for more videos like this.
Thank you for watching.
Buy me a Coffee: paypal.me/thoughtspan
Thanks a lot for this awesome content 😄
thank you for this tutorial! I've learned so many things!
Thank you for your comment and Thanks for watching :) Cheers :)
Awsome video bro you deserve way much more likes then you have crisp clear explaination fluent english and a very big brain keep it up you will reach at the top bro 🚀🚀🚀🚀🚀🔥🔥🔥🔥🔥🔥
You deserve more likes. This is a masterclass. Thank you very much.
Thank you for your comment and Thanks for watching :) Cheers :)
That was really well done 👍
Because you are fluent in this and understand your 'industry', you are brilliant in transferring the knowledge in a highly excellent and organised way. The creative is creative. Thank you.
Thank you for watching :)
A Shame you stopped making videos! Awesome tutorial and explanation ! thanks for sharing
Awesome! Subscribed fella, here!
Thank you!
Great stuff
Very organised tutorial... Do more of these..
Thank you for your comment and Thanks for watching :) Cheers :)
Thank you for showing me how to use tensorflow in a react app
Thank you for your comment and Thanks for watching :) Cheers :)
Hi is it possible to limit the classification like example when I want flowers only? Using this?
The other sources use android as their IDE which my laptop can't handle because its only 2 gb ram
Thanks for this btw I have hope now and ideas for my upcoming final year school project
Thank you so much for such an awesome video. Can you help me with one thing?
How can I use my custom model in this app?
If you can help me I would be really grateful.
Thank you in advance
What is the model used in this project and does it use progressive web app (pwa)?
updated dependencies are available, and there is a lot of error downloading the old ones. how can i solve that?
i mean tensorflow js
Can u tell the windows command as I was using windows os
Can you upload how to coding for react + tensorflow.js object detection?
Is the css automatically aligned??
Hi,
Hope you are doing well. Can You make a video on how to use custom trained model in react native app???
Furthermore if i want to use multiple models in one react native app how to do it?
thanks
Can we have a tutorial on how to deploy this?
why mines error says "No backend found in registry."?
Not working for me. model not loading
classify is showing error instead of array
Clicking on 'upload image' opens up my iphone camera but with a black screen. It doesnt capture anything nor does it give option to upload images from gallery
Which iPhone version did you use? I don't have an iPhone. I used my Android, and it worked well. I will test it on an iPhone too.
what about backend
Is this code works??
how to change animal to plant detection ??
Ideally it should do that automatically, but honestly I haven't tried it :). The library I am using a pre-trained machine learning model which is a third party library and is trained, maintained and constantly updated by Google. So I can say over a period of time, it will become sophisticated enough to identify and classify different plants, flowers and many other objects :) Thanks for Watching this video. Cheers :)
can we use our own model instead of tensorflow-models if yes please what to change
how can i load custom model ?
You can try to use one of the pretrained models from this link: www.tensorflow.org/js/models
const results = await model.classify(imageRef.current)
this line is showing error
i have the same issue, did you solve it?
downgrade tensorflow/tfjs-converter and tensorflow/tfjs-cors module to 1.2.1 version to use the model
It's show me this error.
pls help
Module not found: Error: Can't resolve '@tensorflow-models/mobilenet' in 'E:\potatodisease\my-app\src'
downgrade tensorflow/tfjs-converter and tensorflow/tfjs-cors module to 1.2.1 version to use the model
@@viralgupta7636 its still showing errors
@@vedikatyagi3269 did you solve it?
models is null even using old version
Very interesting. At this time your code is failing to run, any update ??
I think with the latest updates a lot might have changed. But If you try installing the packages with the same version that I am using in the video, then it should work. Let me know how it goes. :)
@@thoughtspan No I didn't try with your version, I just wanted to adapt your code to new versions but I failed.
@@thoughtspan i tried with same packages, and i still seeing an error in "const results = await model.classify(imageRef.current)" console says " Uncaught (in promise) TypeError: Cannot read properties of null (reading 'classify')", idk what to do :(
downgrade tensorflow/tfjs-converter and tensorflow/tfjs-cors module to 1.2.1 version to use the model
NOT A HOTDOG
Ha Ha :P I was thinking of the same scene from Silicon valley when I was making this video :) Thanks for watching :)
I just went down looking for this comment