💡 Inspiration: Moving "Beyond the Feed"

Modern digital products are built around a predatory economic model: keep human eyes glued to a glass screen to monetize passive attention through algorithmic outrage, infinite scrolls, and perpetual feeds.

Even modern productivity software often exacerbates the problem: users are bombarded with guilt-inducing 50-task backlogs, complex dashboards, and urgent notifications that trigger cognitive fatigue and avoidance scrolling.

When HackWesTX 2026 challenged hackers with the theme "Beyond the Feed: Stop scrolling and start building what comes next", we decided not just to build an app with fewer notifications, but to pioneer the post-algorithmic web:

What if technology quietly worked in the background for your Future Self, protected your focus, demanded zero unnecessary screen time, and handed you exactly one small move when you are ready?

That vision is INDISTRACTABLE (indistractable.tech).


🚀 What INDISTRACTABLE Does

INDISTRACTABLE is a consent-first personal growth companion designed to break the cycle of distraction and replace passive feeds with decisive, real-world momentum:

  1. The Reflective Entry: Replaces noisy landing pages with a cinematic, rhythmically animated reflection:
    "what ... would ... you ... attempt ... to ... achieve ... if ... you ... could ... not ... fail?"
  2. Goal Calibration with Google Gemini: Converts sprawling, intimidating aspirations into realistic milestones and atomic, 15-minute micro-steps using structured JSON Schema outputs.
  3. Quiet Discovery (Max 3/Day): Replaces the infinite algorithmic feed with a calm intelligence loop that scours for high-leverage opportunities (grants, competitions, tools, mentors) and presents at most three per day.
  4. Voice of Future You (ElevenLabs): Delivers a daily audio briefing synthesized in the voice of your Future Self—grounding, calm, and focused on setting daily intention.
  5. Single-Action Focus Mode: Provides an uncluttered, distraction-free countdown for only one immediate task at a time. No backlogs, no overwhelm.
  6. Gemini "I'm Stuck" Recovery Engine: If cognitive friction or dread sets in, tapping "I'm Stuck" prompts Gemini to instantly deconstruct the blocker into an absurdly easy 2-minute starter move to reignite momentum.
  7. Leave When Done: Actively encourages you to close the application and return to physical reality once your action is completed.

🛠️ How We Built It

  • Frontend Architecture: Built with Next.js 15 (App Router) and React 19 for instant server rendering and fluid client-side transitions.
  • Aesthetic & UI System: Bespoke Obsidian dark design (#08090C) with optical typography dissolves, Framer Motion animations, and Lucide icons.
  • Cognitive Intelligence: Powered by Google Gemini (gemini-flash-lite-latest) via the official @google/genai SDK, enforcing strict type guarantees with JSON Schema (responseSchema).
  • Synthetic Voice Engine: Integrated with the ElevenLabs API (eleven_flash_v2_5) using custom voice tuning (EXAVITQu4vr4xnSDxMaL) for instantaneous, low-latency audio briefings.
  • Session & State Management: Powered by Backboard API session handling with in-memory resilient stores for seamless live demos.
  • Domain & Deployment: Deployed globally on Vercel under our dedicated custom domain indistractable.tech.

🧗 Challenges We Overcame

  • Engineering Non-Manipulative AI: Standard AI prompts often default to generic cheerleader clichés or stressful urgency. We spent significant time calibrating Gemini system prompts and response schemas to speak with the authoritative, calm, and pragmatic demeanor of a mature "Future You."
  • Audio Synthesis Latency: Streaming and pre-caching ElevenLabs audio generations to guarantee instantaneous playback without stuttering or blocking client interaction.
  • Friction Elimination: Engineering the "I'm Stuck" recovery workflow so sub-steps are guaranteed to take under two minutes to start, preventing users from reflexively switching back to social media tabs.

🏆 Accomplishments That We're Proud Of

  • Category-Defining Domain: Securing and launching on indistractable.tech within the first hours of the hackathon.
  • Full-Stack, Multimodal Delivery: Taking a project from blank canvas to a fully deployed web platform featuring Gemini structured reasoning, ElevenLabs voice synthesis, and polished micro-interactions in under 24 hours.
  • Zero Guilt, Pure Signal: Designing an interface that leaves users feeling calm, focused, and empowered rather than digitally exhausted.
  • Direct Thematic Alignment: A 100% faithful, ground-up response to HackWesTX's "Beyond the Feed" challenge.

📚 What We Learned

  • How to leverage Google Gemini's native structured outputs (responseSchema) to enforce strict type contracts between LLM generation and Next.js backend services.
  • The psychology of friction: how decomposing a 60-minute task into a 2-minute micro-action completely bypasses avoidance behavior.
  • How to use synthetic voice not as an assistive gimmick, but as an emotional anchor that helps users connect to their long-term goals.

🔮 What's Next for INDISTRACTABLE

  • Multi-Agent Discovery Crawlers: Autonomous background workers that search niche repositories, grants, and conferences matched to your encrypted intent profile.
  • Quiet Calendar Sync: Seamlessly finding and claiming 15-minute focus blocks during natural energy peaks.
  • Zero-Chatter Accountability: Pairing users working on adjacent goals for silent, verified progress sharing without distracting social feeds.
  • Cross-Platform Micro-Clients: Native menu-bar and mobile focus widgets that keep the web at arm's length.

🏷️ Built With

next.jsreacttypescripttailwindcssgoogle-geminigoogle-ai-studioelevenlabsbackboardframer-motionlucide-react

Built With

  • backboard
  • elevenlabs
  • google-ai-studio
  • google-gemini
  • lucide-react
  • next.js
  • react
  • tailwindcss
  • typescript
Share this project:

Updates