그린 습관 코치 — AI 기반 습관 분석 및 에코 코칭

Source: Dev.to

내가 만든 것

Green Habit Coach는 사용자가 일상 습관을 되돌아보고 실용적인 친환경 제안을 받을 수 있게 도와주는 웹 앱입니다. 사용자는 로그인하고, 짧은 습관 양식을 작성한 뒤, 교통수단, 육류 섭취, 에어컨 사용, 일회용품 사용, 재활용 행동, 개인 물품 지참 등 생활 방식 입력을 기반으로 분석을 받습니다.

분석 후 사용자는 다음을 받습니다:

• 친환경 점수
• 간단한 요약
• 주요 문제점 식별
• 실행 가능한 제안
• 7일 간단 챌린지 플랜

그 후 AI 코치를 통해 추가 질문을 할 수 있습니다(예: “이번 주에 먼저 개선해야 할 점은?” 또는 “내일 시작하기 가장 쉬운 습관은?”). 목표는 지속 가능성을 개인적이고 실용적이며 일상에서 쉽게 실천할 수 있게 만드는 것입니다.

데모

• Video Demo – (Add the appropriate URL)
• Live App – (Add the appropriate URL)
• GitHub Repo – (Add the appropriate URL)

기술 스택

• Frontend: React + Vite
• Backend: FastAPI
• Authentication: Auth0 (login and protected API access)
• AI Coach: Backboard (conversation flow)
• Database: SQLite + SQLAlchemy (analysis history)
• Hosting: Firebase Hosting (frontend)
• Server: Google Cloud Run (backend)

배포 및 도전 과제

프로젝트에서 가장 큰 부분 중 하나는 전체 흐름을 프로덕션에서 동작하도록 만드는 것이었습니다. 상당한 노력이 들어간 부분은 다음과 같습니다:

• Auth0 설정 디버깅
• 프론트엔드와 백엔드 간 CORS 문제 해결
• Cloud Run 배포 시 발생하는 특수 상황 처리
• 코치 흐름을 위한 비동기 백엔드 통합 구현

이러한 도전 과제들을 해결하면서 로컬 데모에서 실제 풀스택 제품으로 전환할 수 있었습니다.

어워드 제출

• Best Use of Backboard
• Best Use of Auth0 for Agents

Backboard는 코치 대화 흐름을 구동하여 초기 습관 분석 이후에도 사용자가 여정을 이어갈 수 있게 합니다. Auth0는 실제 인증된 사용자와 경험을 연결하고, 백엔드 라우트를 보호하며, 히스토리 데이터를 올바른 사용자에게 스코프합니다.

학습 내용

• 프론트엔드/백엔드 통합
• 클라우드 배포 및 프로덕션 디버깅
• Auth0를 활용한 인증 모범 사례
• 유용하게 느껴지는 AI 기능 구축
• 간단한 아이디어를 완전한 사용자 흐름을 갖춘 배포 가능한 제품으로 전환하기