🐕 BarkLog – Dog Vision & Dramatic Voice Narrator

#weekendchallenge #devchallenge #dog #webdev

A DEV Weekend Challenge Submission (Dog Days Edition)

🎯 What is BarkLog?

BarkLog is a fun web app that gives your dog a voice and a visible mood. Upload any dog photo, and Google Gemini analyzes their breed, age, and hilarious inner thoughts. Then ElevenLabs reads it aloud in a dramatic voice.

✨ Features

Mood Board – Artistic text showing your dog's vibe
AI Vision – Gemini identifies breed, age, and inner thoughts
Voice Narration – ElevenLabs reads it dramatically
Typewriter Effect – Text appears letter-by-letter
Energy Meter – Fun gauge from lazy to chaotic
Celebration – Floating emojis and confetti
Drag & Drop – Easy photo upload
Sample Dog – One-click demo
Smart Detection – Friendly error for non-dogs
Mobile Friendly – Fully responsive on phones and tablets

🛠️ Tech Stack

Google Gemini 1.5 Flash – Vision AI for dog analysis
ElevenLabs TTS – Dramatic voice narration
React + TypeScript – Frontend framework
Vite – Build tool

📸 Demo

This is the Loom video link https://www.loom.com/share/3df727c8fb8e4001a13c336afb420b41

📂 GitHub Repository

-https://github.com/AbrhamYeshigeta/BarkLogAI-dev-challenge.git

🧠 The AI Prompt

Here's the exact prompt I use to get Gemini's funny responses:

"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."

🏆 Why I Built This

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.