Skip to content
ml-greenroots is a Pet project to run ML in the Browser using various libraries and frameworks available.
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


ml-greenroots is a Pet-Project to code Machine Learning in the Browser using various Libraries and Frameworks available. The primary intestion is to have fun with some learning around it!

Image Classification using ML5js and React

Image Classification is a machine learning problem where we define a set of targets(objects like, Car, Cat, Dog, Boat etc. to identify in the images ), train a model to recognized them using labeled example(sample) photos.

There are plenty of options out there to try JavaScript based ML library or tool-kit to do Machine Learning in the browser. Some are to solve basic problems and few are advanced like, TensorFlow.JS.

  • For my use-case I opted for a Friendly Machine Learning library for Web called, ml5.js. This library provides access to machine learning algorithms and models in the browser, building on top of TensorFlow.js with no other external dependencies.
  • Reactjs, simply because I love it! You can use any other UI libraies or Framework of your choice.

Browse to /src/pages/ML5ImageClassification.js to see the code for it.


Read this post to learn more about this.

To Run

Start developing

Navigate into your new site’s directory and start it up.

cd ml-greenroots/
npm install
gatsby develop

Open the source code and start editing!

Your site is now running at http://localhost:8000!

Build and CMS

The Project is integrated with Netlify to build and host.

Netlify Status


The Project demo can be seen here.

You can’t perform that action at this time.