# VibeRoom Web

Next.js(App Router) + TypeScript + TailwindCSS 기반 VibeRoom 프론트엔드입니다.

## 실행 방법

```bash
npm install
npm run dev
```

브라우저에서 `http://localhost:3000` 접속

## 주요 라우트

- `/` : Landing 페이지 (`src/app/(landing)/page.tsx`)
- `/app` : 가상공간 입장 허브
- `/space` : 집중공간 스켈레톤
- `/stats` : 집중 통계 목업
- `/settings` : 설정 목업
- `/login` : 로그인

## 구조

FSD 스타일로 `src/` 하위 레이어를 사용합니다.

- `src/entities` : room/user/session 타입 + 더미 데이터
- `src/features` : room-select/check-in/reactions/custom-entry-modal/profile-menu/distraction-dump
- `src/widgets` : 페이지 섹션 단위 UI (TopBar, StartRitual, RoomsGallery, SpaceShell 등)
- `src/shared` : 공용 UI, 유틸, 설정
- `src/app` : App Router 페이지 조합

## 구현 범위

이번 변경은 **UI 목업** 중심입니다.

- 타이머 카운트다운/오디오 재생/실시간/DB 저장/API 호출 미구현
- 선택 하이라이트, 패널 토글, 모달 탭, 드롭다운, 라우팅, 토스트만 구현

## 문서(작업 재개용)

세션이 끊겨도 같은 품질로 이어서 작업하려면 아래 문서를 먼저 확인합니다.

- `docs/README.md`
- `docs/00_project_brief.md`
- `docs/01_ui_guidelines.md`
- `docs/02_arch_fsd_rules.md`
- `docs/03_routes_map.md`
- `docs/90_current_state.md`