이것은 Hacktoberfest Open-Source AI Challenge Week 1: Touch Grass에 대한 제출물입니다.

제가 만든 것 (What I Built)

TouchGrass는 AI를 사용하여 스크린 시간을 야외 활동의 동기 부여로 전환하는 웹 애플리케이션입니다.

무한히 스크롤하는 대신, 자연적인 패턴 찾기, 나뭇잎 촬영하기, 하늘 관찰하기와 같은 작은 야외 챌린지를 받게 됩니다. 사용자는 카메라를 이용해 이를 완료하고, AI가 사용자의 야외 증거물이 해당 챌린지에 부합하는지 확인합니다.

이 앱은 현재 세션 시간과 챌린지 완료에 소요된 시간을 모두 추적하여, 사용자에게 실제로 화면에서 벗어나 주변 환경과 상호작용하도록 장려합니다.

이는 다른 소셜 또는 생산성 앱으로 변질되는 것을 원치 않는 누구에게나 간단한 야외 활동 동기를 부여하도록 설계되었습니다.

데모 (Demo)

실시간 데모:

touchgrassai.vercel.app

코드 (Code)

GitHub:

GitHub logo Naitik-xd / Week-1-Dev-Challenge

Hacktoberfest 26

TouchGrass

**Hacktoberfest 2026 Week 1 (

핵심 기능 (Core Features)

• 상호작용 3D 테라 생물권 (Interactive 3D Terra Biosphere): 히어로 페이지의 Three.js WebGL 중심 요소로, 커서 반응형 회전 및 떠다니는 대기 입자를 특징으로 합니다.
• 엄격히 카메라 전용 셔터 (Strictly Camera-Only Shutter): 증거를 포착할 때 기기의 하드웨어 사진 카메라를 직접 호출합니다 (capture="environment"…

GitHub에서 보기

제작 과정 (How I Built It)

TouchGrass는 React, TypeScript, Tailwind CSS, Vercel, 그리고 Gemma를 사용하여 구축되었습니다.

Gemma는 야외 챌린지를 생성하고 카메라로 포착된 증거를 분석하여 할당된 과제와 합리적으로 일치하는지 판단하는 데 사용됩니다.

이 앱은 AI API 키가 클라이언트 측에 노출되는 것을 방지하기 위해 서버 측 API 라우트를 사용하며, 세션 및 타이머 상태는 로컬에 영구 저장되어 페이지를 새로고침해도 활성 챌린지가 초기화되지 않습니다.

로그인, 데이터베이스 또는 소셜 피드는 없습니다. 초점은 단순히 다음과 같습니다:

챌린지 받기 → 외출하기 → 증거 포착하기 → 완료하기.

## Open Innovation이 중요한 이유 (Why Does Open Innovation Matter?)

오픈 이노베이션(Open innovation)은 AI가 단지 화면 안에 있는 또 다른 챗봇에 머무는 것이 아닌 경험을 구축할 수 있게 합니다.

Gemma와 같은 오픈 가중치(open-weight) AI 모델을 사용하면 개발자들이 AI를 실제 상호작용의 일부로 실험해 볼 수 있습니다. 이 경우, AI를 사용하여 사람들이 화면에서 벗어나 물리적 환경에 참여하도록 장려하는 것입니다.

이러한 유연성은 모든 것을 또 다른 폐쇄적이고 화면 중심적인 경험으로 만들 필요 없이, AI 주변으로 작고 집중된 아이디어를 구축하기 쉽게 만듭니다.

## 시상 부문 (Prize Categories)

• Gemma