PlantGuard AI: Gemini AI 기반 오프라인 우선 식물 건강 기록 웹 애플리케이션
요약
PlantGuard AI는 Google Gemini AI를 활용한 오프라인 우선(offline-first) 식물 건강 기록 웹 애플리케이션입니다. 이 앱은 PWA 아키텍처와 IndexedDB를 사용하여 야외 환경에서도 원활하게 작동하며, 사용자가 자연과 상호작용하도록 돕습니다. Gemini API는 경량 Node.js 백엔드를 통해 안전하게 통합되었으며, Leaflet.js로 GPS 데이터를 로컬에 저장하여 프라이버시를 보호합니다.
핵심 포인트
- 오프라인 우선 PWA 아키텍처로 야외 환경에서도 작동 가능
- IndexedDB를 활용해 관찰 기록 및 위치 정보를 로컬 저장
- Google Gemini API를 사용하여 AI 기반 식물 진단 제공
- Leaflet.js와 OpenStreetMap으로 프라이버시 보호하며 지리 정보 기록
내가 만든 것
PlantGuard AI는 Google Gemini AI를 활용한 오프라인 우선(offline-first) 식물 및 잎 건강 기록 웹 애플리케이션입니다. 이 앱은 사람들에게 화면에서 벗어나 야외로 나가 자연 세계와 상호작용하도록 장려함으로써 기술과 자연 사이의 간극을 메우도록 설계되었습니다.
뒷마당 정원을 가꾸든, 실내 식물을 돌보든, 지역 자연 명소를 탐험하든, PlantGuard AI는 사용자가 잎 사진을 찍고, 솔직한 AI 기반 진단을 받고, 스트릭(streaks)으로 식물 관리 습관을 추적하며, 정원의 주요 이정표를 기록하는 데 도움을 줍니다.
실제 야외 환경(모바일 신호나 Wi-Fi가 약하거나 없는 경우가 많은 곳)에서도 원활하게 작동하도록 보장하기 위해, 이 앱은 오프라인 우선 PWA 아키텍처를 특징으로 합니다. 사용자는 관찰 기록, 사진 및 위치 지점을 IndexedDB에 오프라인으로 저장하고, 연결이 재개될 때 Gemini로 분석할 수 있습니다.
데모
실시간 데모 / 배포 링크: https://meetmittan.github.io/PlantGuard/
GitHub 저장소: https://github.com/MeetMittan/PlantGuard.git
코드
https://github.com/MeetMittan/PlantGuard
어떻게 만들었나
PlantGuard AI는 가벼운 클라이언트 측 성능과 안전한 AI 멀티모달 분석 사이의 균형을 맞춥니다:
AI 엔진 및 아키텍처: Google Gemini API (gemini-3.8-flash / gemini-2.0-flash)를 사용하며, 이는 경량 Node.js Express 백엔드를 통해 라우팅됩니다. 이 아키텍처는 GEMINI_API_KEY가 서버에만 엄격하게 유지되도록 하며, 클라이언트 측 장치 과열이나 RAM 포화(사용자 기기에서 0 MB 다운로드로 무거운 로컬 비전 모델과 비교)를 방지합니다.
프론트엔드 스택: Vite, React/TypeScript, Tailwind CSS를 사용하여 완전히 설치 가능한 PWA(Progressive Web App)로 구축되었습니다.
오프라인 저장소: IndexedDB를 활용하여 관찰 기록, 식물 프로필, 일일 체크리스트, 관리 스트릭, 그리고 저장된 지도 위치를 장치에 로컬로 저장합니다.
매핑 및 지리 위치 정보: Leaflet.js와 OpenStreetMap을 통합하여 GPS 데이터를 제3자 AI 서비스로 전송하지 않고 야외 자연 탐험 지점을 기록합니다.
왜 오픈 혁신이 중요할까요?
오픈 혁신과 오픈 웨이트/투명한 툴체인은 식물 건강과 사용자 프라이버시가 폐쇄적인 블랙박스 안에 갇혀서는 안 되기 때문에 중요합니다.
PlantGuard AI를 오픈 웹 표준, 모듈식 아키텍처, 투명한 AI 프롬프트 파이프라인을 기반으로 구축함으로써, 우리는 강력한 AI가 책임감 있게 제공될 수 있음을 증명합니다. 오픈 혁신 덕분에 저희는 개인 정보(GPS 또는 개인 데이터)를 AI로 전송하지 않고도, 배터리 절약, 그리고 진정한 오프라인 접근성을 우선시하는 솔루션을 만들 수 있었는데, 이는 독점적인 폐쇄형 애플리케이션에서는 거의 제공되지 않는 기능입니다.
내 에이전트 세션 보기
상금 카테고리
AI 및 오픈 소스 앱 (Google Gemini API 통합)
풀밭 걷기 / 야외 혁신
AI 자동 생성 콘텐츠
본 콘텐츠는 Dev.to AI tag의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기