https://github.com/singh08prashant/maskdetection

Image Classification Web Appl built using Tensorflow.js & Google Cloud AutoML Vision.
https://github.com/singh08prashant/maskdetection

automl-api google google-cloud google-cloud-platform machine machine-learning tensorflow tensorflow-examples tensorflow-js tensorflow-models tensorflow-tutorials

Last synced: 3 months ago
JSON representation

Image Classification Web Appl built using Tensorflow.js & Google Cloud AutoML Vision.

• Host: GitHub
• URL: https://github.com/singh08prashant/maskdetection
• Owner: singh08prashant
• Created: 2020-05-02T11:21:14.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-07-04T18:58:31.000Z (over 4 years ago)
• Last Synced: 2024-09-23T08:02:47.391Z (3 months ago)
• Topics: automl-api, google, google-cloud, google-cloud-platform, machine, machine-learning, tensorflow, tensorflow-examples, tensorflow-js, tensorflow-models, tensorflow-tutorials
• Language: HTML
• Homepage: https://mask-detection-pbl.el.r.appspot.com/
• Size: 11.7 MB
• Stars: 6
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# :tada: MaskDetectionWebApp :point_left:

## An Image Classification Web Appliction built using Tensorflow.js and Google Cloud AutoML Vision API.

**UPDATE**:  deployed it on GCP App Engine. Check it out at: [:link: Mask Detection Project](https://mask-detection-pbl.el.r.appspot.com/) 

:rotating_light: **works only on laptop/ PC**

It classifies live input from the users **Webcam** and tells the probability of the user wearing a face mask or not.

---

**Want to build your own image classification web app? Read my [Article](https://towardsdatascience.com/building-deploying-an-image-classification-web-app-with-automl-vision-tensorflow-js-app-engine-08-3157958a3289)**

### Model Metrics :rotating_light:

_**Confusion Matrix**_

![Confusion Matrix](https://github.com/singh08prashant/MaskDetectionWebApp/blob/master/cm.png)

---

_**Precision**_

![Precision](https://github.com/singh08prashant/MaskDetectionWebApp/blob/master/metrics.png)

---

## How To Use :interrobang:

### :heavy_exclamation_mark::heavy_exclamation_mark:Requirements 

  * Chrome browser

  * Stable Internet Connection

  * [:link:Web server for Chrome](https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb/related?hl=en)

  

  

  ---

  

  1. Download/ Clone all files from this repo and **keep them in a single directory**

  2. Set up Web Server for Chrome to the above directory

  3. Follow the link mentioned in the Web Server for Chrome App

  4. **Give permission to access camera** :camera:

  5. Click **Start Predicting** to see live predictions

  6. Click **Stop Predicting** to stop predicting

  

  ---

  

  ## Screenshot of the project

![Screenshot](https://github.com/singh08prashant/MaskDetectionWebApp/blob/master/ss.png)