NatureLens: 스크린 시간을 자연 시간으로 바꾸는 방법

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

제가 만든 것 (What I Built)

NatureLens는 사람들이 스크린에서 벗어나 주변 세상과 다시 연결되도록 돕기 위해 설계된 자연 동반자입니다. 🌱

우리가 몇 시간 동안 스크롤하는 세상에서, 저는 기술을 사용하여 사람들에게 야외에서 더 많은 시간을 보내도록 장려하는 무언가를 만들고 싶었습니다—더 적게가 아니라.

NatureLens는 자연 중심의 활동과 탐험을 통해 외출하는 것을 간단하고 매력적인 경험으로 바꿉니다.

아이디어는 간단합니다: 스크린에서 콘텐츠를 소비하는 데 더 많은 시간을 보내는 대신, 스크린을 실제 세상에서 무언가를 발견하기 위한 출발점으로 사용합니다.

NatureLens는 학생, 자연 애호가, 그리고 기술과 더 건강한 관계를 구축하고 싶은 모든 사람을 위해 설계되었습니다.

저의 목표는 자연 탐험이 접근 가능하고, 상호작용적이며, 재미있게 느껴지도록 하는 것입니다.

데모 (Demo)

🌐 실시간 데모:

https://naturelens-coral.vercel.app/

경험해보고 기술이 어떻게 실제 탐험을 장려할 수 있는지 확인해보세요!

코드 (Code)

💻 GitHub 저장소: https://github.com/kanwar05/Naturelens

이 프로젝트는 현대적인 웹 경험과 자연 탐험의 접근성을 높이는 데 중점을 두고 구축되었습니다.

기여, 제안 및 피드백은 언제든지 환영합니다!

제작 과정 (How I Built It)

저는 반응형이고 상호작용적인 웹 애플리케이션을 만드는 데 초점을 맞춰 React와 Vite를 사용하여 NatureLens를 구축했습니다.

이 프로젝트는 오픈 소스 AI가 어떻게 지능을 사용자에게 더 가깝게 가져올 수 있는지 탐구하며, 원격 AI 서비스에 대한 의존도를 줄이는 접근 방식으로 브라우저 기반 추론(browser-based inference)에 중점을 둡니다.

제가 의도한 방향은 Hugging Face Transformers.js를 사용하여 지원되는 AI 모델을 브라우저에서 직접 실행하고, AI가 사용할 수 없을 때도 유용하게 유지되는 자연 탐험 경험과 결합하는 것입니다.

한 가지 중요한 엔지니어링 과제는 배포였습니다. AI 의존성 트리는 Node ONNX Runtime 패키지를 포함하고 있었는데, 이 패키지의 설치 과정에서 추가 런타임 파일을 다운로드하려고 시도했습니다. 이것이 클라우드 배포 중에 문제를 일으켰습니다. 저는 브라우저 중심 빌드가 더 깨끗하게 배포될 수 있도록 의존성 구성을 조정하는 작업을 했습니다.

이러한 과제는 AI 기반 애플리케이션을 구축하는 것이 단순히 모델을 통합하는 것만이 아님을 상기시켜 주었습니다. 또한 의존성, 런타임 환경, 배포 제약 조건, 그리고 우아한 폴백(graceful fallbacks)에 대한 이해를 포함한다는 것입니다.

Open Innovation이 중요한 이유

오픈 이노베이션은 개발자들이 글로벌 커뮤니티가 만든 도구를 기반으로 실험하고, 학습하며, 구축할 수 있도록 만듭니다.

오픈 소스 AI 프레임워크는 개발자들에게 모든 작업을 자동으로 폐쇄적이고 유료인 API로 보내는 대신, 로컬 및 브라우저 기반 추론(inference)을 탐색할 기회를 제공합니다.

NatureLens와 같은 프로젝트에게 이 방향은 중요합니다. 왜냐하면 API 비용을 줄이는 데 도움을 주고, 사용자 경험에 대한 통제력을 더 많이 제공하며, 프라이버시를 중시하는 오프라인 친화적인 기능을 만들 기회를 창출할 수 있기 때문입니다.

오픈 소스는 또한 학습을 더욱 실용적으로 만듭니다. 무언가 잘못되었을 때, 개발자들은 의존성 체인을 조사하고, 근본적인 문제를 이해하며, 자신이 배운 것을 다른 사람들과 공유할 수 있습니다.

저는 기술이 우리가 현실 세계를 더 많이 경험하도록 돕고, 스크린 안에 우리를 가두지 않아야 한다고 믿습니다. 이것이 NatureLens의 아이디어입니다.

저의 에이전트 세션

저는 개발 과정에서 AI 코딩 에이전트를 사용하여 구현을 탐색하고, 의존성 문제를 해결하며, 애플리케이션을 다듬는 데 도움을 받았습니다.

NatureLens를 확인해 주셔서 감사합니다! 🌍

피드백을 듣고 싶습니다. 어떤 기능이 여러분이 휴대폰을 내려놓고 자연을 탐험하도록 더 많이 만들까요?