Home

🎨 Frontend Wiki — 크누피(QuizFlow)

Next.js 16 · React 19 · TypeScript 기반 웹앱의 개발 위키입니다.

빠른 링크

• 🎨 Design System — Warm Arcade 토큰 · 모션
• 🗺️ Roadmap — 스프린트 · 백로그 (Gantt)
• 🤝 기여 가이드

한눈에

• 구조(FSD): app/ · features/{auth,quizzes,sessions,participants,leaderboard,ai} · shared/
• 상태: 서버 = TanStack Query, 클라이언트 = Zustand(persist)
• 실시간: useSessionSocket(STOMP/SockJS)
• 인증: 세션 쿠키 + Axios withCredentials, AuthGuard/GuestGuard

개발 시작

pnpm install
pnpm dev        # localhost:3000
pnpm build

라우트(요약)

• 공개: / · /join · /login · /signup
• 참가자: /play/[sessionId]/{waiting,question,result,leaderboard}
• 호스트: /dashboard/* · /host/sessions/*