{"id":14958980,"url":"https://github.com/singh08prashant/maskdetection","last_synced_at":"2025-10-24T16:30:42.971Z","repository":{"id":110964050,"uuid":"260671536","full_name":"singh08prashant/MaskDetection","owner":"singh08prashant","description":"Image Classification Web Appl built using Tensorflow.js \u0026 Google Cloud AutoML Vision.","archived":false,"fork":false,"pushed_at":"2020-07-04T18:58:31.000Z","size":12242,"stargazers_count":6,"open_issues_count":0,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-31T02:44:28.309Z","etag":null,"topics":["automl-api","google","google-cloud","google-cloud-platform","machine","machine-learning","tensorflow","tensorflow-examples","tensorflow-js","tensorflow-models","tensorflow-tutorials"],"latest_commit_sha":null,"homepage":"https://mask-detection-pbl.el.r.appspot.com/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/singh08prashant.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-05-02T11:21:14.000Z","updated_at":"2021-07-26T23:38:56.000Z","dependencies_parsed_at":null,"dependency_job_id":"d81fb15c-aa04-4c81-9eb5-c4311f032966","html_url":"https://github.com/singh08prashant/MaskDetection","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/singh08prashant%2FMaskDetection","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/singh08prashant%2FMaskDetection/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/singh08prashant%2FMaskDetection/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/singh08prashant%2FMaskDetection/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/singh08prashant","download_url":"https://codeload.github.com/singh08prashant/MaskDetection/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237999494,"owners_count":19399889,"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":["automl-api","google","google-cloud","google-cloud-platform","machine","machine-learning","tensorflow","tensorflow-examples","tensorflow-js","tensorflow-models","tensorflow-tutorials"],"created_at":"2024-09-24T13:18:37.515Z","updated_at":"2025-10-24T16:30:34.074Z","avatar_url":"https://github.com/singh08prashant.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# :tada: MaskDetectionWebApp :point_left:\n\n## An Image Classification Web Appliction built using Tensorflow.js and Google Cloud AutoML Vision API.\n\n**UPDATE**:  deployed it on GCP App Engine. Check it out at: [:link: Mask Detection Project](https://mask-detection-pbl.el.r.appspot.com/) \n:rotating_light: **works only on laptop/ PC**\n\nIt classifies live input from the users **Webcam** and tells the probability of the user wearing a face mask or not.\n\n---\n\n**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)**\n\n### Model Metrics :rotating_light:\n\n_**Confusion Matrix**_\n\n![Confusion Matrix](https://github.com/singh08prashant/MaskDetectionWebApp/blob/master/cm.png)\n\n---\n\n\n_**Precision**_\n\n![Precision](https://github.com/singh08prashant/MaskDetectionWebApp/blob/master/metrics.png)\n\n\n---\n\n\n\n## How To Use :interrobang:\n\n### :heavy_exclamation_mark::heavy_exclamation_mark:Requirements \n  * Chrome browser\n  * Stable Internet Connection\n  * [:link:Web server for Chrome](https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb/related?hl=en)\n  \n  \n  ---\n  \n  1. Download/ Clone all files from this repo and **keep them in a single directory**\n  2. Set up Web Server for Chrome to the above directory\n  3. Follow the link mentioned in the Web Server for Chrome App\n  4. **Give permission to access camera** :camera:\n  5. Click **Start Predicting** to see live predictions\n  6. Click **Stop Predicting** to stop predicting\n  \n  ---\n  \n  ## Screenshot of the project\n\n![Screenshot](https://github.com/singh08prashant/MaskDetectionWebApp/blob/master/ss.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsingh08prashant%2Fmaskdetection","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsingh08prashant%2Fmaskdetection","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsingh08prashant%2Fmaskdetection/lists"}