The latest articles on DEV Community by Mustafa (@mustafa94). https://dev.to/mustafa94 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3896383%2Ff088cad4-428a-44e4-aa28-f69cacff4c92.jpg https://dev.to/mustafa94 en Mustafa Fri, 24 Apr 2026 16:39:49 +0000 https://dev.to/mustafa94/i-built-a-modern-plumber-business-website-using-an-ai-agent-workflow-google-antigravity-looking-1mfn https://dev.to/mustafa94/i-built-a-modern-plumber-business-website-using-an-ai-agent-workflow-google-antigravity-looking-1mfn <p>I built a modern plumber business website using an AI agent workflow (Google Antigravity) looking for feedback<br> Hi everyone,</p> <p>I’ve been learning full-stack development and recently built a complete practice project: a modern plumbing business website using an AI agent workflow (Google Antigravity).</p> <p>Repo Link: <a href="https://github.com/mustafaayoob/flowright-plumbing" rel="noopener noreferrer">https://github.com/mustafaayoob/flowright-plumbing</a></p> <p>This wasn’t just a “generate a website” experiment I followed a structured, enterprise-style process:</p> <p>What I focused on</p> <ul> <li><p>Clean architecture (separated components, data, layout)</p></li> <li><p>Reusable UI sections (Hero, Services, Testimonials, FAQ, Contact)</p></li> <li><p>Accessibility basics (labels, contrast, keyboard nav)</p></li> <li><p>Responsive design (mobile-first)</p></li> <li><p>Subtle 3D motion (hover tilt, soft animations — nothing heavy)</p></li> <li><p>Fake business data only (no real company info)</p></li> </ul> <p>Tech approach</p> <ul> <li><p>Component-based structure (similar to Next.js app router)</p></li> <li><p>Sections built as reusable components</p></li> <li><p>Content moved into structured data files</p></li> <li><p>Basic testing added for UI and interactions</p></li> </ul> <p>What I learned</p> <ul> <li><p>Planning before coding makes a huge difference</p></li> <li><p>AI works much better when you define roles, rules, and workflows</p></li> <li><p>Small, review-based iterations generating everything at once</p></li> <li><p>Subtle motion improves UX when done carefully</p></li> </ul> <p>What I’d love feedback on</p> <ul> <li><p>Does the architecture approach make sense for scaling?</p></li> <li><p>Am I over-engineering for a small business site?</p></li> <li><p>Any improvements for performance or accessibility?</p></li> <li><p>Better ways to structure components/data?</p></li> </ul> <p>Happy to share code or screenshots if helpful.</p> <p>Thanks!</p> agents ai showdev webdev