Fixing bad breathing habits
Wenn du dich für unseren Prozess und dafür interessierst, wie wir dieses konkrete Produkt gebaut haben, ist dieser Beitrag deine Zeit wert.
Mouthbreather wurde entwickelt, weil einige unserer Teammitglieder und Freunde die schlechte Angewohnheit hatten, durch den Mund zu atmen.
Mund-Erkennung
Die Munderkennung zu implementieren, war eigentlich ziemlich einfach. Wir verwendeten MediaPipe, um die Gesichts-Landmarks zu erhalten und berechneten den Abstand zwischen Ober- und Unterlippe (unten durch den roten + grünen Punkt visualisiert)
erster Proof of Concept
Tech Stack
Polish und Bundling der App
Wir verwendeten Electron, um die Webapp zu bundlen und nativ auf macOS- und Windows-Geräte zu bringen.
verbesserte Electron-Mund-Erkennung
Menüleisten-App, die im Hintergrund läuft
Wir wollten, dass die Erfahrung minimalistisch und sauber ist, idealerweise sollte niemand mit der App interagieren müssen. Sie öffnet sich im Hintergrund und zeigt sich in der Menüleiste als kleines Icon. Wenn User ihren Mund öffnen, sendet sie ihnen eine Push-Benachrichtigung.
die App läuft unauffällig im Hintergrund
Push-Benachrichtigungen beim Öffnen des Mundes

