Shall We

성장하고 싶지만 페이스 조절이 서툰 청년들을 위한 AI 감정기록 챌린지 서비스.

프로젝트 구조

shall_we/             # ✅ v2 — 현재 작동하는 React 앱 (메인)
legacy/               # 📦 v0.x 아카이브 (작동 X)
  └─ shall_we/        #    v0.3.0 React 앱 보관본
docs/                 # 기획·리서치 문서
PRD.md                # 제품 요구사항 문서
shallwe-prototype.html # v2 디자인 프로토타입 (단일 HTML)

빠른 시작 (v2)

cd shall_we
npm install
npm run dev
# → http://localhost:5173

검증

cd shall_we
npx tsc -b --noEmit   # 타입체크 (0 에러)
npm run test          # vitest smoke (store + 위저드 분기)

기술 스택

• React 18 + Vite + TypeScript
• Tailwind CSS + CSS 변수 디자인 토큰
• React Router v6 + lazy/Suspense
• Zustand + localStorage persist (shallwe:v1)
• vitest + jsdom + @testing-library/react

W1 스코프 (현재)

W1 = 부트스트랩 → 온보딩 위저드(Splash → Q8) 14화면.

• ✅ 빌드 셋업 / 디자인 토큰 / UI Kit 8 컴포넌트
• ✅ PhoneFrame 데모 래퍼 (390×844, dynamic island)
• ✅ Zustand store (profile/goals/diaries/settings)
• ✅ 34 라우트 스켈레톤 (/ → /splash2 → … → /goal → stub)
• ✅ 위저드 14화면 (Q3=건강∧Q4=운동 분기 시 Q5~Q7 활성)
• ✅ vitest smoke 8개

legacy/

v0.x 코드는 legacy/에 보관되어 있습니다. 작동하지 않습니다.