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

🌱 What I Built

We spend a ridiculous amount of time staring at screens — and then we build AI apps that ask us to stare at them even more.

So I decided to build something with the opposite goal.

TouchGrass is an AI-powered outdoor companion that gives you a reason to step away from your screen and actually go outside.

The idea is simple:

Ask AI → Get a small outdoor challenge → Put your phone away → Go touch some grass. 🌿

Instead of giving you another endless chat conversation, TouchGrass gives you a quick, playful real-world activity that you can actually do.

Maybe it's finding something unusual around you, paying attention to sounds you've been ignoring, observing your surroundings differently, or simply taking a few minutes to explore.

The AI gives you the nudge.

The rest happens outside the screen.

✨ What Can You Do With TouchGrass?

🌱 Quick Outdoor Quests

Don't have much time?

Tell TouchGrass how much time you have and get a small outdoor activity that you can complete during your break.

No complicated planning. No giant itinerary.

Just:

Get a quest → Put your phone away → Go.

🗺️ Explore Your Surroundings

TouchGrass turns going outside into a small adventure.

Instead of walking around while scrolling through your phone, the app encourages you to actually notice what's around you.

📸 What Did I Just See?

Found something interesting outside?

Take a picture and use AI to help identify what you're looking at and turn the discovery into another little outdoor activity.

Because apparently even touching grass needed AI. 😂

📱 Built for the Real World

TouchGrass is designed as a mobile-first Progressive Web App, so it feels much more like a small outdoor companion than a traditional website.

The goal isn't to keep you inside the app.

The goal is to get you out of it.

🎮 Try It

🌐 Live App

https://sk-sathyavada-008.github.io/touch-grass/

Open it on your phone and try it during your next break.

You can also add it to your home screen and use it like an app.

⚙️ Backend

https://touch-grass-trdy.onrender.com/

The backend API is deployed on Render and handles the application's server-side functionality and AI requests.

💻 Open Source

The complete project is available on GitHub:

https://github.com/SK-Sathyavada-008/touch-grass

Feel free to explore the code, try it locally, or contribute.

🛠️ How I Built It

TouchGrass combines an AI backend with a mobile-first web experience.

🤖 Gemma

Gemma is used as the AI layer behind the outdoor experiences.

Instead of using AI to generate another long conversation, I wanted to use it for something much smaller and more useful:

turning a little bit of free time into a reason to go outside.

The prompts are designed around short, actionable outdoor activities rather than generic chatbot responses.

🎨 Frontend

The frontend is built as a mobile-first PWA with:

  • Vite
  • TypeScript
  • Responsive UI
  • PWA capabilities
  • A playful tactile/clay-inspired visual style
  • Small animations and interactive elements

I wanted the interface to feel friendly and playful rather than like another productivity dashboard.

⚙️ Backend

The backend is built with:

  • Node.js
  • Express
  • AI API integration
  • Request validation
  • CORS handling
  • Environment-based configuration

It is deployed on Render.

🍃 MongoDB

MongoDB is used for storing application data such as outdoor experiences and user activity data.

The flexible document structure also makes it easier to extend the app with more types of adventures and discoveries in the future.

🚀 GitHub

GitHub is used for source control and deployment of the frontend.

The project is completely open source, so the entire development process — from the code to the deployment — is available to explore.

💡 Why Build Something Like This?

AI is becoming incredibly good at helping us do things faster.

But sometimes faster isn't the thing we need.

Sometimes we need to stop.

Look around.

Walk outside.

Notice that weird-looking tree.

Hear the birds.

Feel the sunlight.

Talk to a friend.

Touch some grass.

TouchGrass is my small experiment in using AI to reduce screen time instead of increasing it.

And honestly, I think AI telling you:

"Okay, enough screen. Go outside."

is probably one of the healthiest things an AI can say. 🌿

🏆 Challenge Categories

TouchGrass was built using technologies aligned with several Hacktoberfest challenge categories, including:

  • Gemma — powering the AI-generated outdoor experiences
  • Render — hosting the backend API
  • MongoDB Atlas — storing application data
  • GitHub — open-source development and deployment

🌎 What's Next?

There are plenty of directions I'd love to take this project:

  • Better location-aware outdoor quests
  • More personalized adventures
  • Richer outdoor discovery/identification
  • Offline capabilities
  • Adventure history and journals
  • More accessibility options
  • Community-created outdoor challenges

But the core idea will stay the same:

Technology should sometimes help us put technology down.

🌿 Now Go Touch Some Grass

If you try the app, I'd genuinely love to know what kind of outdoor quest it gives you.

And if you spend 45 minutes talking to the AI instead of going outside...

you completely missed the point. 😂

Try TouchGrass:
🌐 https://sk-sathyavada-008.github.io/touch-grass/

Source Code:
💻 https://github.com/SK-Sathyavada-008/touch-grass/

Backend:
⚙️ https://touch-grass-trdy.onrender.com/

Thanks for reading — now close this tab and go outside. 🌱

Team
@veerrr