Moyacchi ; 당신의 AI 에코 동반자

Source: Dev.to

This is a submission for the Weekend Challenge: Earth Day Edition

What I Built

대부분의 사람들은 일상적인 선택이 환경에 실제로 어떤 영향을 미치는지 전혀 모릅니다. 이는 관심이 없어서가 아니라, 그 영향을 눈에 보이게 하거나 개인화하거나 다시 돌아볼 가치를 제공하는 것이 없기 때문입니다.

Moyacchi는 그런 문제에 대한 나의 답입니다. AI 기반 친환경 동반자로, 교통, 음식, 에너지 사용이라는 세 가지 차원에서 일일 습관을 추적하고, Google Gemini를 활용해 누적된 환경 영향을 분석한 뒤, Seed → Sprout → Bloom → Glow 라는 형태로 실제로 진화하는 동반자를 통해 그 진행 상황을 반영합니다.

목표는 또 다른 탄소 계산기를 만드는 것이 아니라, 살아있는 느낌이 나는, 내일도 열고 싶어지는 무언가를 만드는 것이었습니다.

핵심 습관 루프 외에도 Moyacchi는 다음을 포함합니다:

• Green‑Sight – 실시간 OCR 스캐너로 제품 라벨을 읽고, 유해 성분을 표시하며, 포장 재질을 식별하고, 폐기물 분류 가이드를 제공합니다.
• AI Eco Coach – Gemini 기반 대화형 AI 코치.
• Sky Dashboard – 전 세계 어느 도시든 실시간 대기질 데이터를 제공합니다.
• Journal – 개인 환경 일기로, 각 항목마다 공유 가능한 임팩트 카드를 제공합니다.

Demo

Features

Daily Stack Analysis

교통, 음식, 에너지 사용을 포함한 하루 전체를 기록하세요. Moyacchi는 Google Gemini Flash를 사용해 하루 전체를 한 번에 분석하고 점수, 성과 등급, 행동 교체 제안, 실제 영향을 비유하는 메타포를 반환합니다.

Evolving Companion

Moyacchi는 네 단계—Seed, Sprout, Bloom, Glow—를 통해 당신의 진행 상황에 맞춰 성장합니다. 습관이 좋을수록 더 많이 진화합니다.

Green‑Sight OCR

제품 라벨을 사진 찍으세요. Moyacchi는 실시간으로 유해 성분, 포장 재질, 폐기물 분류 및 처리 가이드를 식별합니다.

AI Eco Coach

Gemini 기반 대화형 AI 코치. 지속 가능한 생활에 대해 무엇이든 물어보세요—강의도, 죄책감도 없습니다.

Sky Dashboard

전 세계 어느 도시든 실시간 대기질(AQI, 6가지 오염 물질, 꽃가루 수준)을 Open‑Meteo를 통해 제공하며, 완전히 무료이고 오픈 소스입니다.

Journal

일별로 구분된 환경 발자국을 연대순으로 기록하고, 공유 가능한 임팩트 카드를 제공합니다.

How I Built It

• Frontend: React 19 with TypeScript, styled using Tailwind CSS v4.
• Backend & Auth: Firebase handles Google authentication and real‑time Firestore persistence. Security rules strictly scope every read/write to the authenticated user. Guest users get full functionality via localStorage with seamless cloud sync on sign‑in.
• AI Inference: All model calls run through Google Gemini Flash. Each call follows a strict JSON schema (habit analysis, image OCR, chat, air‑quality interpretation) to ensure typed, validated, reliable output—no hallucinated formats.
• Sky Dashboard: Pulls live AQI, pollutant, and pollen data from the Open‑Meteo API (no API key required).
• Mascot: A pure SVG rendered directly in JSX with path morphing and mood animations handled by Framer Motion—no external image files.
• Timeline: Designed, built, and shipped in one day.

Prize Categories

Best Use of Google Gemini – Gemini Flash powers every intelligent layer of Moyacchi: habit analysis with structured JSON schemas, Green‑Sight OCR for real‑time product label scanning, a multi‑turn conversational eco coach, and image‑based habit identification from photos. Gemini is not just a feature; it is the backbone.

Built by Dev Vishwas – @devishwas