What is Split the G: This is a challenge where on your first drink of a Guinness, you attempt to drink just enough so that the foam rests right in the middle of the G on the glass (hence, split the G).
What the app does: Using computer vision, it captures the foam line and assigns a score based on how close it is to the center of the G. You can share your score with friends and then scores go into a global leaderboard.
How it works: It uses a vision model to 1) detect a glass in consecutive frames of a mobile browser 2) detect and then crop the G on the glass 3) measure the distance from the center to the foam line 4) calculates a score
How it’s built: React Router as the javascript framework, TailwindCSS for styling, Supabase for our database and s3 storage, Roboflow InferenceJS for running models in the browser, and Roboflow for model chaining. Repo here: https://github.com/nickherrig/split-the-g
How to use it: Just open https://splittheg.dev/ and put a Guinness glass in front of the camera.
Cheers!