Mouthbreather was created because some of our team members and friends had a bad habit of mouth breathing.
Figuring out how to detect if the mouth was open or closed was actually pretty easy. We used mediapipe to get the face landmarks and calculated the upper lip to lower lip distance (visualized below by the red + green dot)
first proof of concept
We used Electron to bundle the webapp and ship it to native macOS and Windows devices.
polished electron mouth detection
We wanted the experience to be minimal and clean, ideally nobody would need to interact with the app. It opens in the background and shows in the menu bar as a tiny icon. When users open their mouth it sends them a push notification.
unobtrusive background operation
push notifications when mouth opens