{"slug": "fieldcard-leave-the-scroll-behind-touch-grass-with-gemma-4", "title": "Fieldcard: Leave the Scroll Behind & Touch Grass with Gemma 4 🌿", "summary": "A developer built Fieldcard, an AI-powered outdoor outing planner that uses Google's Gemma 4 model (gemma-4-26b-a4b-it) to generate time-bounded, screen-free outing plans with sensory challenges, packing checklists and printable field cards. The React frontend sends user preferences to a server-side API for AI plan generation, with JavaScript validation and normalization keeping itineraries consistent with the selected duration, plus a labelled sample-plan fallback when live generation is unavailable. The project passed 15 unit tests and a successful production build, and is deployed on Vercel.", "body_md": "*This is a submission for the [Hacktoberfest Open-Source AI Challenge Week 1: Touch Grass](https://dev.to/challenges/hacktoberfest-week1-2026-10-05)*\n\n🌿 Fieldcard — Make a plan. Step outside. Leave the scroll behind.\n\nModern digital platforms compete for our attention through endless feeds and notifications. Even when we want to spend time outdoors, planning an outing can become another reason to stay on our phones.\n\nFor Hacktoberfest 2026 Week 1 — “Touch Grass” — I built Fieldcard, an AI-powered outdoor outing planner designed to turn the intention of going outside into a practical, time-bounded plan.\n\nFieldcard helps users prepare for an outdoor experience and then step away from their screens.\n\nHere’s what it does:\n\nTime-based planning: Choose an outing duration of 30, 60, 90, or 120 minutes.\n\nPersonalized outings: Enter a familiar park, neighborhood trail, or community garden and select your activity, pace, budget, and accessibility requirements.\n\nSensory challenges: Get screen-free activities that encourage you to notice the world around you, such as observing tree-bark textures or listening for different bird calls.\n\nPacking checklist: Receive suggested essentials suited to your planned activity.\n\nClosing reflection: Finish your outing with a short reflection.\n\nPrintable field card: Print the plan on A4 paper or save it as a PDF so you don't need to keep checking your phone.\n\nSample mode: Explore a clearly labelled sample plan when live AI generation is unavailable.\n\nThe goal is simple: use technology to make going outdoors easier, not to give people another feed to scroll.\n\n🌍 Live application: [https://fieldcard-touch-grass.vercel.app/](https://fieldcard-touch-grass.vercel.app/)\n\nThe application is deployed on Vercel. Try creating an outing plan and exploring its printable field card.\n\n💻 GitHub repository: [https://github.com/PAWANBHOWATE04/fieldcard-touch-grass](https://github.com/PAWANBHOWATE04/fieldcard-touch-grass)\n\nThe repository includes the application source code, API implementation, tests, configuration, and documentation.\n\nI built Fieldcard using a React-based frontend and a server-side API for AI-powered plan generation.\n\nTech stack:\n\nThe application sends the user's outing preferences to the server-side API, which requests an AI-generated plan. JavaScript validation and normalization help keep the itinerary consistent with the selected duration.\n\nI also added a sample-plan fallback so users can explore the experience when live generation is unavailable. Sample output is labelled to distinguish it from a live AI response.\n\nThe project passed 15 unit tests during my previous test run, and the production build completed successfully.\n\nOne important implementation detail: the model inference uses Google's hosted API; the model does not run locally. The API key is configured server-side rather than intentionally exposed in frontend code.\n\nOpen innovation makes it easier for developers to experiment with AI models, learn from available tools, and explore new applications beyond familiar chatbot experiences.\n\nWith Fieldcard, I wanted to explore a different use of AI: helping someone prepare for an offline activity rather than encouraging another extended online session.\n\nWorking with Gemma gave me an opportunity to explore an open-weight model in a practical, human-centered application. The model is only one part of the experience, though. Input validation, clear limitations, sample-mode transparency, and a useful interface are also important.\n\nFor me, open innovation is about giving developers the freedom to experiment, build useful tools, and discover new ways to apply AI to everyday problems.\n\nBest Use of Gemma — Fieldcard uses Google's Gemma 4 model (gemma-4-26b-a4b-it) to generate personalized outdoor outing plans.", "url": "https://wpnews.pro/news/fieldcard-leave-the-scroll-behind-touch-grass-with-gemma-4", "canonical_source": "https://dev.to/pbhowate2006mymlh/fieldcard-leave-the-scroll-behind-touch-grass-with-gemma-4-26h5", "published_at": "2026-10-11 17:27:10+00:00", "updated_at": "2026-10-11 17:29:47.087526+00:00", "lang": "en", "topics": ["generative-ai", "ai-products", "ai-tools", "large-language-models"], "entities": ["Fieldcard", "Gemma 4", "Google", "Vercel", "Hacktoberfest", "React", "gemma-4-26b-a4b-it"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/fieldcard-leave-the-scroll-behind-touch-grass-with-gemma-4", "markdown": "https://wpnews.pro/news/fieldcard-leave-the-scroll-behind-touch-grass-with-gemma-4.md", "text": "https://wpnews.pro/news/fieldcard-leave-the-scroll-behind-touch-grass-with-gemma-4.txt", "jsonld": "https://wpnews.pro/news/fieldcard-leave-the-scroll-behind-touch-grass-with-gemma-4.jsonld"}}