The latest articles on DEV Community by jaya patel (@jaya_patel_3e4e433cabef5d). https://dev.to/jaya_patel_3e4e433cabef5d 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%2F4174732%2Fa27077d1-4840-490c-8584-9916c7e9e691.png https://dev.to/jaya_patel_3e4e433cabef5d en jaya patel Sun, 11 Oct 2026 17:12:28 +0000 https://dev.to/jaya_patel_3e4e433cabef5d/my-garden-world-1lj7 https://dev.to/jaya_patel_3e4e433cabef5d/my-garden-world-1lj7 <p>This is a submission for the <a href="https://dev.to/challenges/hacktoberfest-week1-2026-10-05">Hacktoberfest Open-Source AI Challenge Week 1: Touch Grass</a></p> <h2> What I Built </h2> <p>My Garden World — Discover nature. Grow with intelligence. Watch life unfold.</p> <p>My Garden World is an AI-powered nature companion designed to encourage people to step away from their screens and reconnect with the natural living world.</p> <p>It brings together three core experiences:</p> <ul> <li>AI-Powered Plant Discovery: Identify real-world flora on-device and explore botanical facts, sunlight, watering needs, and ecological importance.</li> <li>AI-Powered Garden Care &amp; Vital Diagnostics: Get species-tailored treatment plans, NASA air-filtering scores, ASPCA pet-safety advisories, and photo growth tracking.</li> <li>Virtual Garden Builder &amp; Nature Quests: Build and customize an interactive 8×8 sanctuary grid, complete outdoor mindfulness quests, and earn Flora Coins and XP.</li> </ul> <p>The goal is to make learning about plants and gardening interactive, accessible, and enjoyable for beginners and nature enthusiasts alike.</p> <h2> Demo </h2> <p>Live Demo: <a href="https://my-garden-world-tau.vercel.app/" rel="noopener noreferrer">https://my-garden-world-tau.vercel.app/</a></p> <p>Explore the application and discover how technology can make outdoor exploration more engaging.</p> <h2> Code </h2> <p>GitHub Repository: <a href="https://github.com/jaya030888/my-garden-world" rel="noopener noreferrer">https://github.com/jaya030888/my-garden-world</a></p> <h2> How I Built It </h2> <p>I built My Garden World as a modern, local-first full-stack application:</p> <ul> <li>Frontend: React 19, TypeScript, Vite, and Tailwind CSS deployed on Vercel.</li> <li>On-Device Vision AI: Client-side Vision Transformer (<code>google/vit-base-patch16-224</code>) executed locally via Transformers.js and ONNX Runtime Web (WebAssembly).</li> <li>Backend: Node.js and Express REST API with Helmet security and rate limiting.</li> <li>Database: Serverless PostgreSQL hosted on Neon, with Prisma ORM for schema migrations and relational data management.</li> <li>Local Persistence: Dexie.js (IndexedDB) caching for instant offline state resilience.</li> </ul> <h2> Why Does Open Innovation Matter? </h2> <p>For me, open innovation means having the freedom to build AI that serves people and nature—not being constrained by proprietary, black-box APIs.</p> <p>With My Garden World, open-weight AI unlocks fundamental advantages:</p> <ol> <li>Complete User Privacy Outdoors: Because the Vision Transformer executes directly in the user's browser sandbox via WebAssembly, no plant photographs ever leave the user's device.</li> <li>Zero Proprietary Cloud Tax: We avoid expensive per-token closed-source vision APIs. The intelligence belongs to the user, running on their own phone or laptop at $0 inference cost.</li> <li>Independence and Adaptability: Instead of being locked into a single provider's terms or pricing, the community can inspect, benchmark, and swap open-source vision architectures (ViT, MobileNet, Swin) freely.</li> </ol> <p>The philosophy is simple: use open technology not to keep us glued to screens, but to inspire us to step outside, observe plants, and build environmental awareness.</p> <h2> Taking It Outside </h2> <p>The true test of a nature application is how it performs beyond the desk.</p> <p>My next step is taking My Garden World out on trails and city parks to test identification across varying daylight conditions, diverse wild flora, and different growth stages.</p> <p>The goal isn't just an interface that looks nice on a screen, but an experience that sparks genuine curiosity about the living world outside.</p> <h2> Challenges I Faced </h2> <ul> <li>Running Neural Models in the Browser: Compiling and running an 86.6M parameter Vision Transformer on-device required balancing model size and latency. Using INT8 quantization through Transformers.js allowed the model to initialize and classify within milliseconds.</li> <li>Decoupling Container Artifacts: Real-world plant photos frequently feature pots, planters, and vases. We built a botanical taxonomy filter to recognize and decouple container objects rather than hallucinating false species classifications.</li> <li>State Synchronization: Harmonizing instant client-side Dexie IndexedDB caching with cloud PostgreSQL persistence on Neon to keep user gardens, coins, and plant journals synchronized.</li> </ul> <h2> What's Next? </h2> <ul> <li>Expanding the botanical taxonomy database with more regional native flora.</li> <li>Introducing seasonal planting calendars and microclimate weather tracking.</li> <li>Adding community-shared local nature walks and biodiversity quests.</li> <li>Further optimizing WebGPU inference for even faster mobile scans.</li> </ul> <h2> My Agent Session </h2> <p>I paired with an AI coding assistant to architect the full-stack system, evaluate open-weight vision transformers, and debug TypeScript and deployment configurations.</p> <h2> Prize Categories </h2> <ul> <li>Open-Source AI</li> <li>Touch Grass</li> </ul> devchallenge hf26challenge