Hands-on Tutorials

Using Google AutoML and React, I was able to set up a client-side object detection app, without any custom model code.

Image for post
Image for post
Image by author

Neural-network-based object detection is a powerful technique that’s getting easier and easier to take advantage of. With Google’s Cloud AutoML computer vision service (as well as similar services like Microsoft’s Custom Vision), it’s now simple and cheap to train a powerful object detection model and deploy it as a client-side React app. And best of all, you don’t need to hire a data scientist to do it — the model training is code-free, so any application developer can train a model and focus on doing what they do best, which is building useful and fun applications!

Given the current state of the world with COVID-19, I thought it would be an interesting test case to try building a mask detector — something that could take a video stream, and report back on the locations of people in a frame who are wearing masks, and of those who aren’t. This could potentially be pretty useful to deploy in businesses trying to enforce mask mandates, and ride sharing services are already using something similar to check that drivers and riders are wearing masks. …


Will Ockelmann-Wagner

Tech Lead at AE Studio. Into Elixir, RxJS, ReasonML, Svelte, and other things that will be big next year.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store