{"slug": "detour-my-open-source-ai-entry-for-the-touch-grass-challenge-challenge-week-1", "title": "Detour: My Open-Source AI Entry for the Touch Grass Challenge (Challenge Week 1: Touch Grass)", "summary": "A developer built Detour, an open-source AI web app that uses a three-step questionnaire and open-weight models like Llama 3 to generate personalized offline missions, then deliberately blanks its own interface to push users off their screens. The React, Vite, and Tailwind frontend with a Node.js/Express backend was submitted to the Hacktoberfest Open-Source AI Challenge Week 1: Touch Grass. The project is designed around open-weight models so users can fork it and run it locally for privacy.", "body_md": "**Detour: An AI Agent Designed to Kick You Off Your Screen 🌿\n\n*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\nI built **Detour**, an interactive AI web application that flips the script on how we use technology: instead of trying to keep you on the screen, its entire purpose is to kick you off of it. \n\nIt is built for anyone who suffers from digital burnout or decision paralysis. Detour guides you through a beautifully animated, soothing 3-step \"Vibe Check\" questionnaire (asking how much time you have, your current mood, and the environment you want). Based on your specific combination of answers, it generates a personalized real-world mission—like outdoor photography, walking aimlessly, creative writing, or doing a deep self-care reset.\n\nHow does it get people into the real world? Once the mission is assigned, the UI completely fades away into a distraction-free \"Detour Mode\" screen that simply says: *\"You're good. Put your phone away. I'll be here when you get back.\"* No endless scrolling, no follow-up chats. Just a thoughtful suggestion and a blank screen waiting for your return.\n\n**Live Demo:** [https://shivv2430.github.io/Detour/](https://shivv2430.github.io/Detour/)\n\nAn AI that helps you spend less time with AI.\n\n[🚀 Play with the Live Demo Here](https://shivv2430.github.io/Detour/)\n\nWe have AI assistants that can answer almost anything, generate code, write emails, and summarize entire books in seconds. But in doing so, they also give us another reason to stay glued to our screens. They optimize our digital lives, but often at the expense of our physical ones.\n\nDetour is a web application that flips the script. Instead of infinite scrolling, it guides you through a quick 3-step questionnaire to understand how much free time you have, your current mood, and the vibe you want (Nature, Self, Company, etc.). Based on your answers, it generates a personalized real-world mission—like creative writing, walking in nature, cooking, or calling a friend.\n\nAnd then: **It gets out of your way.**\n\nThe best thing this app can do is know…\n\nI built the frontend using **React, Vite, and Tailwind CSS (v4)**, heavily utilizing **Framer Motion** for fluid, glassmorphism animations to make the questionnaire feel calming and premium. \n\nThe core logic engine is designed around open-weight models (like Llama 3) via a Node.js/Express backend service layer. The UI takes the user's inputs through the animated questionnaire and translates them into context-rich prompts. This allows the AI model to parse the specific combination of the user's mood and available time to return highly tailored, safe offline missions (e.g., if you are feeling \"exhausted\" and only have \"15 minutes\", the open model knows not to suggest a heavy outdoor workout).\n\nOpen innovation matters immensely here because an application meant to help you disconnect shouldn't tie you to a closed ecosystem. By designing Detour around open-weight models, we ensure absolute privacy—what you do with your downtime and your current emotional state is your business, not training data for a closed API.\n\nIt also makes it possible for anyone to fork the project and run it entirely locally on their own hardware. It gives the power of customization back to the user, proving we don't need a massive, centralized intelligence for something as fundamental as finding a moment of peace in the real world.", "url": "https://wpnews.pro/news/detour-my-open-source-ai-entry-for-the-touch-grass-challenge-challenge-week-1", "canonical_source": "https://dev.to/shivani_pal_/detour-my-open-source-ai-entry-for-the-touch-grass-challenge-challenge-week-1-touch-grass-4c18", "published_at": "2026-10-06 18:09:34+00:00", "updated_at": "2026-10-06 18:18:28.426448+00:00", "lang": "en", "topics": ["artificial-intelligence", "large-language-models", "ai-agents", "ai-tools", "generative-ai"], "entities": ["Detour", "Llama 3", "React", "Vite", "Tailwind CSS", "Framer Motion", "Node.js", "Hacktoberfest"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/detour-my-open-source-ai-entry-for-the-touch-grass-challenge-challenge-week-1", "markdown": "https://wpnews.pro/news/detour-my-open-source-ai-entry-for-the-touch-grass-challenge-challenge-week-1.md", "text": "https://wpnews.pro/news/detour-my-open-source-ai-entry-for-the-touch-grass-challenge-challenge-week-1.txt", "jsonld": "https://wpnews.pro/news/detour-my-open-source-ai-entry-for-the-touch-grass-challenge-challenge-week-1.jsonld"}}