DEV Community: ABHINEET

Gramina: The Touch Grass Postcard Club 🌿✉️

ABHINEET — Sat, 10 Oct 2026 05:14:30 +0000

This is a submission for the Hacktoberfest Open-Source AI Challenge: Week 1 — "Touch Grass"

🌿 The Premise: Turning "Touch Grass" Into a Collectible Outdoor Hobby

In developer and tech culture, "go touch grass" has become the universal prescription for debugging burnout, terminal fatigue, and endless screen time.

For Week 1 of Hacktoberfest 2026, the challenge prompt challenged builders:

"Build something with open-source AI at its core that gets people off the screen and into the world. The best builds here should make the screen the shortest part of the experience."

We took that prompt to heart. Instead of another screen-heavy analytics dashboard that demands hours of attention, we built Gramina: The Touch Grass Postcard Club.

Gramina turns outdoor walks, hikes, and park visits into a delightful botanical philately (stamp collecting) adventure where screen time is under 10 seconds:

Pocket the Screen: You put your phone in your pocket and step outside to a local trail, neighborhood park, or forest.
5-Second Real Snapshot: When you spot a curious patch of turf, wild meadow grass, clover, or moss, you take a quick photo.
Open-Source AI & Gemma Botanical Engine: On-device pixel intelligence classifies the specimen, extracts color histograms, calculates a real Touchability Index (softness rating, morning dew retention, scent notes), and writes natural history lore powered by Google's open-weight Gemma intelligence.
Perforated Vintage Postage Stamps: Your real photo is minted into an authentic, perforated postage stamp complete with scalloped edges, denomination, and a realistic ink cancellation postmark stamped with your observation date and trail coordinates.
3D Flippable Field Postcards: Mount your minted stamps onto a double-sided vintage field postcard, flip it in 3D with perspective matrix physics, pen handwritten notes in cursive ink, and export or print it to send to friends.
Botanical Passport & Streak: Every real observation grows your permanent botanical passport album and increments your genuine outdoor streak.

🎨 Aesthetic Vision: Tactile Claymorphism & "Grami" the Mascot

We drew inspiration from modern tactile craft web design (specifically richkeed.tech), replacing sterile flat cards with warm, pillowy, organic clay:

Warm Earthy Palette:
- Canvas Cream (#F6EDDF & #FFFAF1)
- Deep Pine Green Clay (#2F6B52)
- Sunlit Tangerine (#F4A24A)
- Terracotta Postmark Ink (#D8734A)
- Soft Sage Foliage (#A9C4A4)
- Rich Espresso Ink (#3A2C24) — no harsh synthetic blacks!
Clay Physics & Bevels: Every card features dual pillowy drop shadows (Offset(4, 7), blur 14) and soft top-left specular highlights. Buttons physically squash down to 0.94x on tap with spring release.
Grami the Mascot: A living, breathing vector clay moss blob who bobs gently, blinks periodically, wiggles his sprouted grass antenna, and delivers witty outdoor reminders and botanical encouragement.

🧠 Why Open Innovation Matters Here

The challenge asks: Where does an open-based approach work better than a closed API?

Zero-Signal Backcountry Privacy:
- Trails, national parks, and remote valleys rarely have reliable cellular signal. Gramina's open models run locally on-device without cloud round-trips.
- More importantly: your private GPS coordinates, hiking paths, and real-time photos stay strictly on your device — never harvested by corporate ad trackers or closed telemetry platforms.
$0 Operational Cost & Community Sovereignty:
- No API token meters, no paid subscription keys, and no paywalled rate limits. Open-source software belongs to everyone who steps outside.
Open Botanical Weights (Gemma):
- Powered by open weights (Gemma 2 / Gemma 3), allowing naturalists, park rangers, and local conservation communities to inspect, audit, and fine-tune regional flora datasets without asking for corporate permission.

🏆 Partner Prize Categories Entered

Overall Winner: Novel concept, high-craft claymorphic visual execution, zero-fake data integrity, and deeply aligned with the "Touch Grass" spirit.
Best Use of Gemma ($200): Gemma generates the scientific field lore, the humorous "Touchability Index" scores, and custom postal dispatches.

🛠️ Tech Stack & Source Code

Framework: Flutter 3.44 / Dart 3.12 (Cross-platform: Windows, Web, Android, iOS)
Design System: Custom Claymorphic Container, Perforated Stamp CustomPainter, and 3D Matrix Transform Card Flipper.
Typography: Outfit & Caveat (Google Fonts)
Code Repository: https://github.com/RICH-KEED/HacktoberFest (Folder: WEEK-1)
License: MIT Open Source License

🤖 Development Agent Session

This project was architected, designed, and iterated pair-programming with Google Antigravity and DevRelay:

Building Gramina: The Touch Grass Postcard Club with Claymorphism & Gemma AI

You

can we build something like you go outside click picture of different types of grasses, ai analyses them, you build a post card full of stamps? Cute claymorphism concept inspired by richkeed.tech mascots and smooth animations.

Agent

Architected Gramina: The Touch Grass Postcard Club. Built a custom claymorphic design system with dual pillowy shadows and spring press physics, an interactive animated clay mascot ('Grami'), a perforated vintage postage stamp engine with ink postmarks, a 3D matrix-transform flippable postcard studio, and on-device botanical pixel analysis paired with Gemma vision intelligence.

You

Make sure all data is 100% real: no fake pre-populated streaks or mock stamps. Real photo input, dynamic Touchability Index, and authentic botanical passport tracking.

Agent

Rebuilt the engine with pure zero-state initialization (0 streak, 0 stamps), real photo bytes decoding via image_picker, dynamic color histogram greenness/saturation analysis for genuine Touchability Scores, and live Gemini/Gemma multimodal vision classification. Verified responsive layout and live rendering.

Now put down your laptop, slip on your shoes, and go touch some grass! 🌿✉️

RxShield — Clinical Prescription Guardian & Dashboard

ABHINEET — Sun, 04 Oct 2026 10:14:49 +0000

This is a submission for the Hacktoberfest Weekend Challenge: Build for a Friend

What I Built

When my 82-year-old grandmother Eleanor was prescribed Methotrexate for polymyalgia rheumatica alongside her daily regimen of Lisinopril, Atorvastatin, and Metformin, our family realized how fragile prescription safety really is. One simple misunderstanding—taking Methotrexate daily instead of weekly, or taking an OTC painkiller like Ibuprofen for joint pain—could trigger acute kidney failure or severe methotrexate toxicity, especially given her Stage 3 Chronic Kidney Disease (eGFR 48 mL/min).

Elderly patients and family caregivers don't need another generic medical app with tiny text, cluttered menus, and clinical jargon. They need a guardian: a high-contrast, accessible clinical guardian that flags critical drug interactions in plain English, speaks instructions aloud in a reassuring voice, and produces an offline-first printable refrigerator schedule.

I built RxShield for Grandma Eleanor—and for every caregiver protecting a loved one from preventable adverse drug events.

Core Features

Clinical Interaction Radar: Real-time drug-drug contraindication scoring (Critical, Warning, Safe) with plain-English risk explanations and exact questions to ask the pharmacist.
Accessible Voice Companion Studio: Natural spoken audio briefing powered by ElevenLabs with adjustable speeds (0.8x gentle to 1.2x brisk), multiple caregiver voices, dynamic 24-band frequency soundwave visualizer, and an offline Web Speech API fallback.
Interactive 3D Regimen Health Aura: Three.js medical capsule visualization indicating overall regimen safety via real-time biochemical color shift.
High-Readability Typography & Layout: Built with the Obsidian & Clinical Emerald design system (inspired by Vercel & Supabase specifications), scalable font sizing toolbelt (A, A+, A++), and zero visual congestion across clean horizontal tabs (#overview, #medications, #schedule, #safety, #voice, #settings).
Large-Print Fridge Calendar: Print-ready (@media print) schedule formatted specifically for elderly patients to post on refrigerator doors.
Family Preset Personas: Instant switching between realistic clinical personas:
- Grandma Eleanor (82): Complex methotrexate regimen, blood pressure management, and NSAID contraindication alert.
- Uncle David (67): Diabetic intake, statin therapy, and antibiotic mineral chelation timing rules.
- Maya (19): Post-surgical antibiotic schedule and oral contraceptive efficacy warnings.

Demo

Live Application: Running locally at http://localhost:3000
Video Walkthrough & Interactive Demo:

The interface provides an end-to-end clinical workflow:

Overview Dashboard: Instant visual status of regimen safety, active medications count, today's schedule, and the interactive 3D capsule.
Medications & Doctor's Intake: Inventory management and raw clinical note extraction.
Safety & Contraindications: Detailed biochemical mechanism breakdown, mineral/food spacing rules, and actionable pharmacist questions.
Voice Companion Studio: Senior-accessible spoken audio briefing with live playback progress and frequency waveform equalizer.

Code

GitHub Repository: RICH-KEED/HacktoberFest
License: MIT Open Source License

git clone https://github.com/RICH-KEED/HacktoberFest.git
cd HacktoberFest
npm install
npm start
# Opens on http://localhost:3000

How I Built It

RxShield is architected around open-source AI and offline sovereignty:

Google Gemma 2 (gemma-2-9b-it): At the core of RxShield's intelligence is Google's open-weight Gemma 2 model. Gemma 2 parses unstructured doctor discharge notes, analyzes complex drug combinations, translates biochemical warnings into patient-friendly English, and formulates targeted questions for pharmacists.
Offline Sovereign Clinical Engine: To guarantee 100% uptime and total privacy without internet access, RxShield includes an embedded rule-based clinical heuristics engine. It runs locally with zero latency, screening for dangerous drug combinations (e.g. Methotrexate + NSAIDs, Lisinopril + Potassium) even in offline environments.
ElevenLabs Voice Narration + Web Speech Fallback: Generates lifelike caregiver voice briefings tailored for seniors with failing eyesight. When offline or without an API key, it seamlessly falls back to the native browser Web Speech API.
Three.js Biochemical Aura: Renders an interactive 3D capsule using WebGL that dynamically reflects clinical status through shader lighting and orbital rotation.
Modern Semantic Stack: Pure Vanilla JavaScript (ES modules), semantic HTML5, and a custom CSS custom-property design system with zero framework overhead.

Why Does Open Innovation Matter?

Prescription regimens, dosages, and personal health histories are among the most sensitive personal data imaginable. Sending an elderly loved one's entire medication schedule to closed, proprietary cloud services with unknown retention policies is unacceptable for families.

Open innovation matters for RxShield in three vital ways:

True Healthcare Sovereignty: Because Gemma 2 is an open-weight model and RxShield features an offline heuristics engine, the system operates completely offline without sending a single byte of telemetry to external servers. It costs nothing to run, cannot be shut down by an API deprecation, and functions during internet outages.
Inspectable Clinical Transparency: In medicine, closed black-box models that cannot explain their reasoning are dangerous. Open-source clinical heuristics and transparent prompts allow pharmacists and doctors to inspect, audit, and verify the exact safety rules governing drug interaction alerts.
Universal Accessibility: Open web standards ensure the application runs on any hardware—from an old tablet on a kitchen counter to modern laptops—without proprietary app store walled gardens.

My Agent Session

The complete architecture, design iteration, UI refinement, and accessibility testing was developed pair-programming with an autonomous AI agent via DevRelay. You can inspect the full development session transcript:

RxShield: Medication Guardian with Gemma 2, ElevenLabs & Awesome Design MD

You

Build RxShield: a clinical medication safety dashboard for elderly family members, integrating Gemma 2 for drug interaction safety analysis, ElevenLabs for voice instructions, and an accessible high-contrast UI.

Agent

Architected sovereign local proxy server with Gemma 2 AI (Google AI Studio with heuristic rule engine fallback) and ElevenLabs TTS (with Web Speech fallback). Implemented Three.js interactive 3D pills, WCAG AAA accessibility contrast toggle, and family profiles.

▸ run_command npm start

Input

$ npm start

Output

RxShield server active on port 3000

You

Overhaul colors and layout using awesome-design-md (getdesign.md). Fix congestion and make it a true multi-page dashboard.

Agent

Reverse-engineered Linear.app, Raycast, and ElevenLabs design tokens from VoltAgent/awesome-design-md. Applied obsidian canvas (#060709), surface elevation (#090a0d, #0d0e13), Linear lavender (#5e6ad2), and hairline borders. Introduced horizontal multi-page tabs (#overview, #medications, #schedule, #safety, #voice, #settings), expanded container to 1360px, added color-scheme: dark, and verified in browser.

▸ browser_subagent browser_subagent verification

Input

browser_subagent verification

Output

All views verified clean, high contrast, zero congestion.

Prize Categories

We are entering the following Hacktoberfest Weekend Challenge partner categories:

Best Use of Gemma: Powered by Google Gemma 2 (gemma-2-9b-it) for clinical note extraction, plain-English drug contraindication translation, and senior medication briefing generation, backed by a sovereign open-source fallback engine.
Best Use of ElevenLabs: Features the ElevenLabs Voice Companion Studio with natural senior-friendly caregiver voices, playback rate controls, and frequency soundwave visualizer for patients with vision impairments.

Built with care for Grandma Eleanor and caregivers everywhere.