https://github.com/atapas/ml-greenroots

ml-greenroots is a Pet project to run ML in the Browser using various libraries and frameworks available. How about a ⭐️?
https://github.com/atapas/ml-greenroots

deep-neural-networks gatsby gatsbyjs machine-learning ml5js netlify react reactjs

Last synced: 4 months ago
JSON representation

ml-greenroots is a Pet project to run ML in the Browser using various libraries and frameworks available. How about a ⭐️?

• Host: GitHub
• URL: https://github.com/atapas/ml-greenroots
• Owner: atapas
• License: mit
• Created: 2019-06-21T10:59:42.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T00:49:46.000Z (about 2 years ago)
• Last Synced: 2024-05-01T17:16:00.570Z (9 months ago)
• Topics: deep-neural-networks, gatsby, gatsbyjs, machine-learning, ml5js, netlify, react, reactjs
• Language: JavaScript
• Homepage: https://blog.greenroots.info
• Size: 12.3 MB
• Stars: 3
• Watchers: 1
• Forks: 3
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ml-greenroots

`ml-greenroots` is a [Pet-Project](https://www.yourdictionary.com/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.

## Blog

[Read this post to learn](https://blog.greenroots.info/how-i-attempted-image-classification-in-the-browser-using-ml5js-and-react-cjy720fwi000lq4s1bzw4btzl) more about this.

Liked what I do? Thank You Very Much!



# To Run

## Start developing

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

```sh

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](https://api.netlify.com/api/v1/badges/8999ecc9-83ac-4be7-8733-1ef4fa598363/deploy-status)](https://app.netlify.com/sites/ml-greenroots-info/deploys)

# Demo

The Project [demo can be seen here](https://ml-greenroots-info.netlify.com/).