https://github.com/spinningideas/machinelearning-tensorflow

Set of machine learning examples implemented in TensorFlow hosted in a React JS application
https://github.com/spinningideas/machinelearning-tensorflow

javascript machine-learning reactjs tensorflow tensorflow-examples

Last synced: 12 days ago
JSON representation

Set of machine learning examples implemented in TensorFlow hosted in a React JS application

• Host: GitHub
• URL: https://github.com/spinningideas/machinelearning-tensorflow
• Owner: spinningideas
• License: mit
• Created: 2021-01-18T22:38:13.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-02-23T20:15:27.000Z (over 3 years ago)
• Last Synced: 2024-10-17T13:14:31.630Z (29 days ago)
• Topics: javascript, machine-learning, reactjs, tensorflow, tensorflow-examples
• Language: JavaScript
• Homepage:
• Size: 10 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Machine Learning - TensorFlow was conceived to aid learning TensorFlow and utilizes React JS to host the reference implementations and examples.

The project aims to include basic examples of machine learning using TensorFlow and includes:

- Example of Sentiment Analysis.

- Example of Classification of objects in a given image.

- Example of Object Detection using real time web cam data.

## Live Demo

https://spinningideas.github.io/machinelearning-tensorflow/

## Get Started

In the project directory, you can run:

1. Install packages

`npm install`

2. Start and run the application

`npm start`

Runs the app in the development mode and launches browser to http://localhost:3000/machinelearning-tensorflow

The page will reload if you make edits.

## More Info

- [Great Intro to TensorFlow and ML](https://medium.com/@BhashkarKunal/image-classification-api-creation-using-tensorflow-flask-mongodb-61a53835e62d)

### Sentiment

- https://github.com/manfye/tfjs-react + https://towardsdatascience.com/how-to-use-tensorflow-js-in-react-js-sentimental-analysis-59c538c07256

### Object Detection

- https://nanonets.com/blog/object-detection-tensorflow-js/

- https://www.tensorflow.org/lite/models/object_detection/overview#get_started

- http://blog.zenof.ai/object-detection-in-react-native-app-using-tensorflow-js/

- https://heartbeat.fritz.ai/real-time-object-detection-using-ssd-mobilenet-v2-on-video-streams-3bfc1577399c

- https://heartbeat.fritz.ai/getting-started-with-object-detection-using-tensorflow-js-757d21658e2d

- https://www.analyticsvidhya.com/blog/2020/04/build-your-own-object-detection-model-using-tensorflow-api/

- https://towardsdatascience.com/real-time-mobile-video-object-detection-using-tensorflow-a75fa0c5859d

### Speech Recongition

- https://github.com/princefishthrower/react-speech-recognition-example/blob/master/src/App.tsx

- https://www.loginradius.com/blog/async/quick-look-at-react-speech-recognition/

### React Tensorflow

- https://github.com/joshuaellis/react-tensorflow

### React Material UI

- [Usage](https://material-ui.com/getting-started/usage/)

- [Responsive UX](https://material-ui.com/guides/responsive-ui/)

### Hosting/Loading Models

- https://towardsdatascience.com/loading-models-into-tensorflow-js-using-react-js-f3e118ee4a59

## Referenced Models

- https://tfhub.dev/tensorflow/ssd_mobilenet_v2/2

- https://tfhub.dev/tensorflow/tfjs-model/ssd_mobilenet_v2/1/default/1

- https://storage.googleapis.com/tfjs-models/savedmodel/ssdlite_mobilenet_v2/model.json

## Notes/Additional Tutorials

- https://www.youtube.com/watch?v=uTdUUpfA83s

- https://github.com/nicknochnack/RealTimeObjectDetectionTFJSReact

- https://webrtchacks.com/stop-touching-your-face-with-browser-tensorflow-js/ + https://github.com/webrtcHacks/facetouchmonitor/blob/master/detect.js