Home

flowtodo Wiki

DAG 기반 todo 웹앱 — 선후관계를 그래프로 정리하고, 다음 할 일을 자동 추천.

Boostcamp WM SNU 2026 · 3주 개인 프로젝트 · 박동제 (@pkdje)

페이지	내용
01. 프로젝트 기획서	서비스 주제 / 기능 / 기술 스택 / 데이터 모델 / 추천 알고리즘 / UI / 일정
02. Agent 개발 Workflow	개발 사이클 / 작업 단위 기준 / 프롬프트 패턴 / 검증 체크포인트
04. Quest Game UI	Week 2 추가 결정: 퀘스트 게임 톤 + 사이드 퀘스트 + 해금 애니메이션
회고	주간 회고 모음 — Week 2 완료

코드 / spec / plan 은 메인 저장소 참조.

주차	목표	상태
Week 1	기획 + 워크플로우 설계	✅ 완료
Week 2	코어 구현 (CRUD, DAG 렌더, 추천 엔진, 패널, 인터랙션)	✅ 완료
Week 3	다듬기 + 배포 (퀘스트 카드 노드, 폴리시, Vercel + Atlas)	🟡 예정

백엔드: lib/tasks.ts (Task CRUD + 사이클 가드) + app/api/tasks/* Route Handlers + MongoDB Atlas 연결
시각화: React Flow + dagre 자동 레이아웃, 상태별 색상
인터랙션: 클릭 → 편집 드로어, 더블클릭 → status 순환, 핸들 드래그 → 의존성 엣지 + 사이클 차단, 엣지 클릭 → 삭제
추천 엔진: lib/recommender.ts — Ready set + 단일 DFS 임팩트 + 가중합 점수, 43 vitest 케이스
추천 패널: 좌측 ▶ NEXT QUEST Top 3 카드 + 카메라 이동 + 해금 미리보기