GrowBit — 습관 부화 트래커 상세 설계서

상태: CURATED · ACTIVE 기술 스택: React, Tailwind CSS, localStorage, Vite, Vitest 카테고리: PWA / Web App

1. 문제와 대상 사용자

습관 앱은 대부분 체크리스트를 채우는 일 자체가 목적이 되어, 며칠 지나면 열어볼 이유가 사라집니다. GrowBit은 습관 실천을 캐릭터의 성장으로 환산해, "오늘 안 하면 내 알이 자라지 않는다"는 눈에 보이는 이유를 만듭니다. 대상은 짧은 주기로 동기를 잃는 습관 형성 초심자입니다.

2. 핵심 기능

3. 기술 선택 이유

• React + Tailwind: 상태에 따라 캐릭터·게이지가 바뀌는 화면을 적은 코드로 다루기 위해 선택했습니다.
• localStorage 전용: 계정과 서버를 두지 않아 개인정보를 수집하지 않고, 운영 비용도 발생하지 않습니다.
• Vite / Vitest: 성장 로직(XP 증감, 스트릭 판정)을 단위 테스트로 고정합니다.

4. 현재 범위

• 부화 단계, XP·스트릭 로직, 로컬 저장이 동작합니다.
• 부분 유료화(희귀 스킨)는 로드맵 항목이며 아직 결제 연동을 구현하지 않았습니다.

5. 알려진 한계

• 데이터가 브라우저에 저장되므로 기기 간 동기화가 되지 않고, 시크릿 모드나 사이트 데이터 삭제 시 진행 상태가 사라집니다.
• 접속 여부로 XP를 깎는 구조라, 장기 미접속 후 복귀 시 진입 장벽이 생길 수 있습니다.

6. 다음 검증

• 합성 데이터 기반 브라우저 시연과 저장 정책 고지 문안 확정
• 저장 손실 시나리오(시크릿 모드, 데이터 삭제)의 안내 화면 검증