Fixing Bad Breathing Habits

Mouthbreather

Fixing Bad Breathing Habits

Mouthbreather

This post was written by hand. This is not AI-generated slop.
This is worth your time if you are interested in our process and how we built this particular product.

Mouthbreather was created because some of our team members and friends had a bad habit of mouth breathing.

Mouth Detection

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

Tech Stack

Electron is a framework for building desktop applications using web technologies.

We used Electron to bundle the webapp and ship it to native macOS and Windows devices.

TensorFlow is an AI/machine learning framework, it's a great open tool for any ML application.

We used TensorFlow MediaPipe to get the face landmarks and calculate the upper lip to lower lip distance.

Polishing and bundling into a native app

We used Electron to bundle the webapp and ship it to native macOS and Windows devices.

polished electron mouth detection

Menu bar app that runs in the background

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

Check out the live version here

View Project