{"slug": "kitchentales-turning-loved-ones-voice-memos-into-heirloom-recipes-with-google", "title": "KitchenTales: Turning Loved Ones' Voice Memos into Heirloom Recipes with Google Gemma & ElevenLabs", "summary": "A developer built KitchenTales, a vanilla-JavaScript web app that converts unmeasured family voice memos into structured heirloom recipe cards using client-side Google Gemma 2 for entity and quantity extraction and ElevenLabs neural TTS for hands-free spoken guidance. The project was pair-programmed with an autonomous coding agent and submitted to the Hacktoberfest Weekend Challenge: Build for a Friend.", "body_md": "*This is a submission for the [Hacktoberfest Weekend Challenge: Build for a Friend](https://dev.to/challenges/hacktoberfest-weekend-2026-10-01)*\n\nEvery family has a loved one—a Nonno, Abuela, or aunt—whose cooking is magical, yet **they never write down a single recipe**. When asked, they send a rambling voice memo: *\"a splash of olive oil, reduce whole milk slow, brown until it smells like home.\"*\n\nI built **KitchenTales** for **Nonno Giuseppe, Abuela Carmen, Auntie Priya, and Elena** to capture and preserve their spoken culinary soul before it's lost to time.\n\n**KitchenTales** turns casual audio voice memos into structured heirloom recipe cards using open-weight AI:\n\n**Turn messy spoken voice memos from loved ones into treasured heirloom recipes.**\n\n*Built with ❤️ for the [Hacktoberfest Weekend Challenge: Build for a Friend](https://dev.to/challenges/hacktoberfest-weekend-2026-10-01)*\n\nEvery family has a friend, grandmother, or uncle whose cooking is pure magic—yet they **never write down a single recipe**.\n\nWhenever you ask how to recreate their signature ragù, focaccia, dal, or birria, they send an unmeasured, rambling voice memo:\n\n*\"Listen kiddo, brown your chuck roast slow until it crusts, throw in whatever carrots and onions you have, grate a little nutmeg, and add a splash of milk before the wine... that's the secret nobody tells you.\"*\n\nHandwritten notes get grease-stained and lost. Generic recipe blogs lack the intimate family tricks. **KitchenTales** was built to preserve these irreplaceable audio memories forever.\n\nDrop in an unmeasured voice memo, and open-weight **Google Gemma AI** listens, extracts precise quantities…\n\nBuilt with pure vanilla web standards (zero bundlers, instant load):\n\n`index.html` & `css/styles.css` — 3D tactile buttons, glassmorphic depth, and warm culinary typography (`Fraunces` & `Outfit`).` js/gemma-engine.js` — Client-side Google Gemma 2 processing harness for transcript extraction and dietary conversions.`js/voice-narrator.js` — ElevenLabs neural TTS + Web Speech continuous hands-free voice command listener.`js/recipes-data.js` & `js/app.js` — Preloaded generational voice memos and private local vault storage.\n\n```\nSpoken Voice Memo ──▶ Google Gemma 2 AI ──▶ Heirloom Card ──▶ ElevenLabs Voice Guide\n(\"brown slow, splash\")  (Entities & Secrets)   (Dual Units)      (Hands-free commands)\n```\n\n`SpeechRecognition` listener detects spoken triggers (\nThis project was pair-programmed with an autonomous coding agent:\n\n*Preserving culinary heritage, one spoken memory at a time.*\n\n**Built with ❤️ for Hacktoberfest 2026: Build for a Friend.**", "url": "https://wpnews.pro/news/kitchentales-turning-loved-ones-voice-memos-into-heirloom-recipes-with-google", "canonical_source": "https://dev.to/athlawange/kitchentales-turning-loved-ones-voice-memos-into-heirloom-recipes-with-google-gemma-elevenlabs-107e", "published_at": "2026-10-02 11:03:35+00:00", "updated_at": "2026-10-02 11:07:50.076882+00:00", "lang": "en", "topics": ["generative-ai", "ai-tools", "natural-language-processing", "ai-products"], "entities": ["KitchenTales", "Google Gemma", "ElevenLabs", "Hacktoberfest"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/kitchentales-turning-loved-ones-voice-memos-into-heirloom-recipes-with-google", "markdown": "https://wpnews.pro/news/kitchentales-turning-loved-ones-voice-memos-into-heirloom-recipes-with-google.md", "text": "https://wpnews.pro/news/kitchentales-turning-loved-ones-voice-memos-into-heirloom-recipes-with-google.txt", "jsonld": "https://wpnews.pro/news/kitchentales-turning-loved-ones-voice-memos-into-heirloom-recipes-with-google.jsonld"}}