The latest articles on DEV Community by Emmanuel Paul (@paul_emmanuel). https://dev.to/paul_emmanuel 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%2F2805211%2F009d6a64-2045-4478-af57-8d419026a081.png https://dev.to/paul_emmanuel en Emmanuel Paul Mon, 17 Aug 2026 00:18:35 +0000 https://dev.to/paul_emmanuel/pawsafe-an-ai-powered-food-safety-checker-for-dogs-53o8 https://dev.to/paul_emmanuel/pawsafe-an-ai-powered-food-safety-checker-for-dogs-53o8 <p><em>This is a submission for <a href="https://dev.to/challenges/weekend-2026-08-13">Weekend Challenge: Dog Days Edition</a></em></p> <h2> What I Built </h2> <p>PawSafe is an AI-powered web application that helps dog owners answer a simple but important question:</p> <p>"Can my dog eat this?"</p> <p>Users can enter the name of a food, upload a photo, or provide both. PawSafe then analyzes the information using Google's Gemini API and provides a simple safety assessment.</p> <p>The result is categorized into four levels:</p> <ul> <li>🟢 Generally Safe</li> <li>🟡 Use Caution</li> <li>🔴 Not Safe</li> <li>⚪ Unable to Determine</li> </ul> <p>Along with the result, PawSafe provides explanations, potential warnings, and safer alternatives when appropriate.</p> <p>My goal was to build something that was useful, simple to understand, and approachable for dog owners rather than making users search through multiple sources every time they encounter an unfamiliar food.</p> <h2> Demo </h2> <p><a href="https://pawsafe-1.onrender.com/" rel="noopener noreferrer">Live Demo</a></p> <h2> Code </h2> <p><a href="https://github.com/PaulEmmanuel8888/PawSafe" rel="noopener noreferrer">GitHub Repository</a></p> <h2> How I Built It </h2> <p>PawSafe is a full-stack application built with:</p> <h3> Frontend </h3> <ul> <li>React</li> <li>Vite</li> <li>Tailwind CSS</li> <li>Lucide React</li> </ul> <h3> Backend </h3> <ul> <li>Node.js</li> <li>Express</li> <li>Multer</li> <li>CORS</li> <li>Google Gemini API</li> </ul> <h3> Deployment </h3> <ul> <li>Render</li> <li>GitHub</li> </ul> <p>The basic flow looks like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>User ↓ Food name / Image / Both ↓ React Frontend ↓ Express API ↓ Google Gemini ↓ Structured Analysis ↓ PawSafe Result Card </code></pre> </div> <p>One of the main technical decisions I made was to keep the Gemini API integration on the backend rather than exposing the API key in the frontend.</p> <p>The frontend sends the user's food information to the Express API. The backend then communicates with Gemini and returns the structured analysis to the frontend.</p> <p>I also wanted the application to support both text and images independently, while still allowing users to provide both when additional context is useful.</p> <h2> Prize Categories </h2> <h3> Best Use of Google AI </h3> <p>PawSafe is submitted for the Best Use of Google AI prize category.</p> <p>Google's Gemini API is the core intelligence behind the application. It is used to analyze both text-based and image-based food information and generate a structured safety assessment.</p> <p>The AI response is then presented through PawSafe's interface as an easy-to-understand result rather than exposing users to a raw AI response.</p> devchallenge weekendchallenge gemini ai