{"id":17063692,"url":"https://github.com/atapas/ml-greenroots","last_synced_at":"2025-04-12T18:44:52.684Z","repository":{"id":42344607,"uuid":"193083369","full_name":"atapas/ml-greenroots","owner":"atapas","description":"ml-greenroots is a Pet project to run ML in the Browser using various libraries and frameworks available. How about a ⭐️?","archived":false,"fork":false,"pushed_at":"2023-01-04T00:49:46.000Z","size":12859,"stargazers_count":3,"open_issues_count":23,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-26T13:03:32.841Z","etag":null,"topics":["deep-neural-networks","gatsby","gatsbyjs","machine-learning","ml5js","netlify","react","reactjs"],"latest_commit_sha":null,"homepage":"https://blog.greenroots.info","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/atapas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-06-21T10:59:42.000Z","updated_at":"2023-06-17T12:20:41.000Z","dependencies_parsed_at":"2023-02-01T16:02:01.632Z","dependency_job_id":null,"html_url":"https://github.com/atapas/ml-greenroots","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atapas%2Fml-greenroots","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atapas%2Fml-greenroots/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atapas%2Fml-greenroots/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atapas%2Fml-greenroots/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/atapas","download_url":"https://codeload.github.com/atapas/ml-greenroots/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248617250,"owners_count":21134190,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["deep-neural-networks","gatsby","gatsbyjs","machine-learning","ml5js","netlify","react","reactjs"],"created_at":"2024-10-14T10:52:46.271Z","updated_at":"2025-04-12T18:44:52.656Z","avatar_url":"https://github.com/atapas.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/greenroots"],"categories":[],"sub_categories":[],"readme":"# ml-greenroots\n\n`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!\n\n# Image Classification using ML5js and React\nImage 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.\n\nThere 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.\n\n - 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.\n - Reactjs, simply because I love it! You can use any other UI libraies or Framework of your choice.\n\nBrowse to `/src/pages/ML5ImageClassification.js` to see the code for it.\n\n## Blog\n[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.\n\nLiked what I do? Thank You Very Much!\n\n\u003ca href=\"https://www.buymeacoffee.com/greenroots\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png\" alt=\"Buy Me A Coffee\" style=\"height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;\" \u003e\u003c/a\u003e\n\n# To Run\n\n## Start developing\n\nNavigate into your new site’s directory and start it up.\n\n```sh\ncd ml-greenroots/\nnpm install\ngatsby develop\n```\n\n**Open the source code and start editing!**\n\nYour site is now running at `http://localhost:8000`!\n\n# Build and CMS\nThe Project is integrated with Netlify to build and host.\n\n[![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)\n\n# Demo\n\nThe Project [demo can be seen here](https://ml-greenroots-info.netlify.com/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatapas%2Fml-greenroots","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fatapas%2Fml-greenroots","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatapas%2Fml-greenroots/lists"}