The latest articles on DEV Community by Abrham Yeshigeta (@abrhamyeshigeta). https://dev.to/abrhamyeshigeta https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4058434%2Fab820803-fdec-4902-8e09-c4bafd8ac35d.jpg https://dev.to/abrhamyeshigeta en Abrham Yeshigeta Sun, 16 Aug 2026 22:24:04 +0000 https://dev.to/abrhamyeshigeta/barklog-dog-vision-dramatic-voice-narrator-44o3 https://dev.to/abrhamyeshigeta/barklog-dog-vision-dramatic-voice-narrator-44o3 <p><strong>A DEV Weekend Challenge Submission (Dog Days Edition)</strong></p> <p>🎯 What is BarkLog?</p> <p>BarkLog is a fun web app that gives your dog a <strong>voice</strong> and a <strong>visible mood</strong>. Upload any dog photo, and Google Gemini analyzes their breed, age, and hilarious inner thoughts. Then ElevenLabs reads it aloud in a dramatic voice.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fhlrugryccfbhkj6g5fto.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fhlrugryccfbhkj6g5fto.png" alt=" " width="800" height="357"></a></p> <p>✨ Features</p> <ul> <li>Mood Board – Artistic text showing your dog's vibe</li> <li>AI Vision – Gemini identifies breed, age, and inner thoughts</li> <li>Voice Narration – ElevenLabs reads it dramatically</li> <li>Typewriter Effect – Text appears letter-by-letter</li> <li>Energy Meter – Fun gauge from lazy to chaotic</li> <li>Celebration – Floating emojis and confetti</li> <li>Drag &amp; Drop – Easy photo upload</li> <li>Sample Dog – One-click demo</li> <li>Smart Detection – Friendly error for non-dogs</li> <li>Mobile Friendly – Fully responsive on phones and tablets</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Feeirraxq0b3dxquyq71p.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Feeirraxq0b3dxquyq71p.png" alt=" " width="390" height="684"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fmjipn4t7b3z18gqqzn8y.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fmjipn4t7b3z18gqqzn8y.png" alt=" " width="800" height="357"></a></p> <p>🛠️ Tech Stack</p> <ul> <li>Google Gemini 1.5 Flash – Vision AI for dog analysis</li> <li>ElevenLabs TTS – Dramatic voice narration</li> <li>React + TypeScript – Frontend framework</li> <li>Vite – Build tool</li> </ul> <p>📸 Demo</p> <ul> <li>This is the Loom video link <a href="https://www.loom.com/share/3df727c8fb8e4001a13c336afb420b41" rel="noopener noreferrer">https://www.loom.com/share/3df727c8fb8e4001a13c336afb420b41</a> </li> </ul> <p>📂 GitHub Repository</p> <p>-<a href="https://github.com/AbrhamYeshigeta/BarkLogAI-dev-challenge.git" rel="noopener noreferrer">https://github.com/AbrhamYeshigeta/BarkLogAI-dev-challenge.git</a></p> <p>🧠 The AI Prompt</p> <p>Here's the exact prompt I use to get Gemini's funny responses:</p> <blockquote> <p><em>"You are BarkLog AI – a funny, warm, and slightly dramatic dog expert. Analyze the uploaded dog photo. First sentence: Identify breed and age. Second sentence: Write a hilarious inner thought from the dog's perspective. Keep it under 50 words."</em></p> </blockquote> <p>🏆 Why I Built This</p> <p>I wanted to create something that makes people smile. There's something magical about giving a dog a "voice" – it turns a simple photo into a shareable, emotional moment.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F57ovbkhzq1f29zgxfe8z.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F57ovbkhzq1f29zgxfe8z.png" alt=" " width="390" height="684"></a></p> <p>🙏 Acknowledgments</p> <ul> <li>Google Gemini – Vision AI</li> <li>ElevenLabs – Voice synthesis</li> <li>DEV Community – Hosting this challenge</li> </ul> <p>Thanks for checking out BarkLog! 🐕</p> weekendchallenge devchallenge dog webdev