Image Object detection with Tensorflow-js 🤔

This is the fourth post of the image processing series from zero to one.

Here is the list of other posts

1. Image Processing — OpenCV and Node.js (Part 3)
2. Image Processing — Making Custom Filters — React.js — Part 2
3. Image Processing Using Cloundinary (Part 1)

In this post, we will build an image object detection system with Tensorflow-js with the pre-trained model.

To start with, there are lots of ways to deploy TensorFlow in webpage one way is to include ml5js. Visit https://ml5js.org/. Its a wrapper around tf.js a tensor flow and p5.js library used for doing operations in Html element.

But, We will like to keep the power on the backend part so that I can try and run these models over backend with API's backend processes and so on.

Therefore, In the first half of the post, we will create a UI using React.js and Material-UI and in the second half will we create an API in Node.js to power the UI.

Let's start with building a sample React project. 🚀

FRONTEND PART:-

If you have followed along with my previous article the react project will seem to be fairly easy to build.