IncentiveBox: AI와 Supabase를 활용한 혁신적인 이메일 쿠폰 관리 플랫폼 구축

핵심 기술: IncentiveBox는 이메일 기반 프로모션 쿠폰을 AI로 자동 추출, 구조화하여 관리하는 혁신적인 플랫폼입니다. 이메일 파싱, AI 데이터 구조화, 실시간 데이터 동기화 기술을 통합하여 사용자 경험을 극대화합니다.

기술적 세부사항:
* AI 기반 쿠폰 추출 및 파싱: Claude 3 (OpenRouter 경유)를 사용하여 프로모션 이메일 본문에서 브랜드명, 할인 금액, 만료일, 프로모션 코드 등의 구조화된 쿠폰 데이터를 추출합니다.
* 실시간 업데이트: Supabase Realtime을 통해 새로운 쿠폰 추가, 즐겨찾기 변경, 만료 쿠폰 삭제 시 UI가 실시간으로 업데이트됩니다.
* 데이터베이스 및 인증: Supabase를 사용하여 쿠폰 데이터 저장 및 사용자 인증(가입, 로그인, 로그아웃)을 처리합니다.
* 이메일 처리: Postmark의 인바운드 웹훅을 통해 프로모션 이메일을 수신하고 백엔드에서 처리합니다.
* 프론트엔드: React, TypeScript, Vite를 사용하여 빠르고 반응성이 뛰어난 사용자 인터페이스를 구축합니다. React Router로 네비게이션, Context API로 상태 관리를 수행합니다.
* 백엔드: Node.js와 Express를 사용하여 이메일 수신 및 AI 처리 파이프라인을 구현합니다.
* 주요 기능: 사용자 인증, 쿠폰 검색 및 필터링(브랜드, 카테고리), 즐겨찾기 기능, 만료일 추적, 모바일 반응형 디자인.
* 폴백(Fallback): AI 파싱 실패 시를 대비한 정규식(regex) 기반 파서가 구현되어 있습니다.
* UX 고려사항: 만료된 쿠폰 시각적 구분(연한 빨간색 배경), 접근성 높은 검색 기능, 데이터 프라이버시를 위한 인증 필수화, 다양한 기기 지원.

개발 임팩트:
복잡하고 분산된 프로모션 이메일을 중앙 집중화된 디지털 지갑으로 변환하여 사용자가 할인 기회를 놓치지 않도록 합니다. 이메일 콘텐츠를 구조화된 데이터로 자동 전환하는 효율적인 파이프라인 구축은 다양한 자동화 및 데이터 관리 시스템에 적용될 수 있습니다.

커뮤니티 반응:
콘텐츠 자체에 커뮤니티 반응에 대한 직접적인 언급은 없으나, Postmark, Supabase, Claude 3 등 현대적인 기술 스택은 개발자 커뮤니티에서 활발히 논의되고 채택되는 기술들입니다.