CodeRecall

GitHub 커밋 기록을 AI가 분석해 플래시카드로 만들어 주고, 매일 알림으로 복습을 도와주는 웹 앱입니다.

https://coderecall.app/

서비스 상세 설명

기획 배경

• GitHub에 TIL(Today I Learned), 코드 리뷰, 학습 내용을 커밋해도 시간이 지나면 잘 기억나지 않는 문제가 있음
• 커밋·학습 기록을 자동으로 정리하고 복습할 수 있는 도구가 있으면 지식 유지에 도움이 됨
• 매일 알림으로 복습 습관을 유도하고, AI로 요약·질문 형태의 플래시카드를 만들어 학습 효율을 높이기 위해 기획됨

타겟 사용자

• TIL·학습 기록을 GitHub에 커밋하는 개발자
• 코드 리뷰·스터디 내용을 정리해 두고 주기적으로 복습하고 싶은 사람
• 커밋 기록을 기반으로 한 간편한 복습·리콜 도구를 찾는 사람

주요 기능

• GitHub 연동: OAuth 로그인 후 복습할 리포지토리 선택
• 커밋 기반 플래시카드: 지정 기간의 커밋을 가져와 HyperCLOVA X로 질문/답 형식 플래시카드 자동 생성
• 플래시카드 복습: 카드 넘기기로 복습, 마크다운·코드 diff 렌더링 지원
• 매일 알림: 매일 오전 8시(KST) FCM 푸시로 "복습할 카드가 도착했어요" 리마인더
• PWA: 설치 가능한 웹 앱으로 모바일·데스크톱에서 사용

---

기술 스택

구분	기술
프론트엔드	React 18, TypeScript, Vite, Tailwind CSS, Zustand
PWA	vite-plugin-pwa (오프라인·설치 지원)
백엔드·인프라	Firebase (Authentication, Firestore, Cloud Functions, FCM)
AI	네이버 클라우드 HyperCLOVA X (HCX-007) — 플래시카드 생성
연동	GitHub API (커밋·파일 조회)
기타	Markdown 렌더링 (react-markdown, remark-gfm), 코드 하이라이트 (react-syntax-highlighter)

🚀 시작하기

필수 요구사항

• Node.js 22+
• pnpm (패키지 매니저)

1. 온보딩

1.1. 환경 설정

app/.env

Firebase Web 설정 (Console > 프로젝트 설정 > 일반 > 웹 앱 구성에서 복사)

VITE_API_KEY=...
VITE_AUTH_DOMAIN=...
VITE_PROJECT_ID=...
VITE_STORAGE_BUCKET=...
VITE_MESSAGING_SENDER_ID=...
VITE_APP_ID=...
VITE_MEASUREMENT_ID=...

• AI Provider (선택): 미설정 시 OpenAI 사용. Clova 사용 시:

VITE_AI_PROVIDER=clova

functions/.env

• OpenAI 사용 시 (기본): Firebase Functions 설정에 OPENAI_API_KEY 추가

OPENAI_API_KEY=your_openai_api_key

• Clova 사용 시: VITE_AI_PROVIDER=clova 설정 후

CLOVA_API_KEY=your_clova_api_key

Firebase 초기화

firebase login
firebase init

1.2. 프로젝트 셋팅

pnpm install

1.3. 프록시 서버 셋팅

pnpm proxy

2. 개발 서버 시작

# BE
pnpm serve

# FE
pnpm dev

3. 빌드

pnpm build

4. 배포

pnpm push

🌏 리전

이 프로젝트는 기본적으로 Seoul (asia-northeast3) 리전에 배포됩니다.

전체 리전 목록 보러가기

기술 블로그

version	date	link
v2.0	2025.10.20	RecallBuddy 2.0 개발 후기
v1.2	2024.03.03	HyperCLOVA X를 활용한 공부앱 만들기
v1.0	2023.11.19	네이버클라우드 서비스를 활용한 알림(PUSH) 앱 배포하기
v1.0	2023.10.15	안드로이드, IOS 지식 없이 SENS로 알림(PUSH) 서비스 개발하기

라이센스

Prod By. 외계공룡
Copyright © CodeRecall
All Rights Reserved.