북잇다 - 온라인 독서 커뮤니티 플랫폼
- 독서 문화 활성화
- 개인화된 독서 경험
- 비판적 사고력 향상
- 테스트 코드 작성 경험
- 협업 툴 활용(Github Project)
- UI 라이브러리 활용 경험(MUI)
- 서드파티 API 활용 경험(Aladin API)
| 페이지 | 주요 기능 |
|---|---|
| 피드 페이지 |
- 추천, 팔로워, 팔로잉 피드 필터링 기능 - 포스팅 / 한줄평 피드 필터링 기능 - 포스팅 및 한줄평 작성 - 포스트 좋아요 기능 - 책 상세 페이지 연결 - 포스팅 상세 보기 - 추천 사용자 팔로우/팔로잉 기능 - 다크모드 - 상단 이동 버튼 |
| 검색 페이지 |
- 알라딘 API 활용 베스트셀러 표시 - 검색 결과 표시 - 책 상세 페이지 연결 |
| 책 상세 페이지 |
- 포스팅 작성 기능 - 댓글 기능 - 링크 공유 기능 - 구매 링크 제공 - 내 서재 담기 옵션 - 책을 담은 사람 수 표시 기능 - 성별/연령별 인기 분포 정보 제공 - 리뷰 및 별점 작성 기능 - 사용자들의 한줄평, 포스팅 확인 가능 |
| 포스팅 작성 페이지 |
- 책 검색 및 선택 기능 - 임시 저장 기능 - 포스팅 작성 폼 제공 |
| 포스팅 페이지 |
- 작성한 포스팅 내용 보기 - 포스팅 좋아요, 링크 공유 기능 - 팔로우/팔로잉 기능 - 작성한 사용자의 다른 포스팅, 한줄평 제공 - 댓글, 대댓글 작성 기능 - 댓글 좋아요 기능 |
| 로그인 페이지 |
- 일반 로그인 - 카카오 로그인 - 아이디 저장 기능 - 자동 로그인 기능 |
| 마이페이지 |
- 사용자 정보 및 통계 표시 - 책장 리스트 확인 - 작성/좋아요한 피드 확인 - 팔로워/팔로잉 관리 |
| 책장페이지 |
- 저장한 책 표시 - 독서 상태 저장 및 표시 |
| 개인 정보 수정 페이지 |
- 프로필 이미지 수정 - 개인 정보 수정 - 회원 탈퇴 기능 - 수정 결과 알림 기능 |
| 이종혁 |
- 일일 회의 진행 및 내용 정리 - Github Project 세팅 - 피드페이지 구현 - 포스팅 작성 기능 구현 - 책장 페이지 구현 - 포스팅 댓글 기능 구현 - Supabase로 백엔드 구현 - API 구현 - MUI Theme 초기 세팅 |
| 김은지 |
- 프로젝트 생성 및 개발 환경 세팅 - 마이페이지 구현 - 개인정보수정 페이지 구현 - PR 템플릿 설정 - Eslint & Prettier 관리 - 배포 관련 세팅 및 관리 - MSW, StoryBook 세팅 - 프로젝트 lighthouse 성능 분석 및 개선 |
| 박혜정 |
- 로그인 & 회원가입 페이지 구현 - 레이아웃 구성 - 마이페이지 구현 - 발표 자료 준비 & 발표 - Route & Path 관리 - 패키지 관리 - 웹 접근성, SEO 분석 - 댓글, 추가정보 페이지 구현 |
| 유현상 |
- 책 검색 페이지 구현 - 책 상세 페이지 구현 - Eslint, Prettier 초기 설정 - 커밋 템플릿 & 가이드 작성 - 프로젝트 구조 및 개발 환경 세팅 - MUI Theme 관리 - 전체 프로젝트 렌더링 성능 관리 |
📝 언어: TypeScript
📚 라이브러리: React
🖌️ 스타일: emotion
🎨 UI 컴포넌트 라이브러리: MUI
🔄 상태 관리 라이브러리: Redux Toolkit
🌐 비동기 상태 관리 라이브러리: RTK Query
🤝 협업툴: Github Project
⚙️ Node.js 버전: lts/jod
🚀 프로젝트 생성 도구: Vite
🔍 코드 품질 검사: Eslint, Prettier
🧪 테스트 툴: Vitest, Cypress
| 기능 | URL |
|---|---|
| 메인 페이지 | / |
| 로그인 | /login |
| 회원가입 | /signup |
| 피드 | /feed |
| 책 검색 | /search |
| 유저 페이지 | /my-page/:username |
| 책장 페이지 | /my-page/:username/bookshelves/:bookShelvesId |
| 작성한 포스팅 더보기 | /my-page/:username/feeds/postings |
| 작성한 리뷰 더보기 | /my-page/:username/feeds/reviews |
| 좋아요한 포스팅 더보기 | /my-page/:username/liked/postings |
| 좋아요한 리뷰 더보기 | /my-page/:username/liked/reviews |
| 계정 수정 페이지 | /edit-account |
| 비밀번호 확인 페이지 | /edit-account/passwordChk |
| 책 상세 페이지 | /books/:isbn |
| 책 리뷰 더보기 | /books/:isbn/reviews |
| 책 포스팅 더보기 | /books/:isbn/postings |
| 포스팅 상세 | /posting/:postingId |
| 포스팅 작성 | /posting/write |
| 포스팅 수정 | /posting/edit/:postingId |
| 카카오 로그인 콜백 | /oauth/kakao |
📦book-it-da
┣ 📂public
┣ 📂src
┃ ┣ 📂assets
┃ ┣ 📂components
┃ ┃ ┣ 📂AdditionalInfo
┃ ┃ ┣ 📂Auth
┃ ┃ ┣ 📂BookDetailPage
┃ ┃ ┣ 📂BookSearchPage
┃ ┃ ┣ 📂BookShelvesPage
┃ ┃ ┃ ┣ 📂BookDetailDialog
┃ ┃ ┃ ┣ 📂ShelvesBookcard
┃ ┃ ┣ 📂commons
┃ ┃ ┃ ┣ 📂HybridDialog
┃ ┃ ┣ 📂FeedPage
┃ ┃ ┃ ┣ 📂Filters
┃ ┃ ┃ ┣ 📂OneLineReviewDialog
┃ ┃ ┃ ┣ 📂PostCard
┃ ┃ ┃ ┣ 📂PostTypeSelectDialog
┃ ┃ ┣ 📂Header
┃ ┃ ┣ 📂LoginSignupPage
┃ ┃ ┃ ┣ 📂Login
┃ ┃ ┃ ┣ 📂Signup
┃ ┃ ┣ 📂MyPage
┃ ┃ ┃ ┣ 📂Feed
┃ ┃ ┃ ┣ 📂Library
┃ ┃ ┣ 📂NotFoundPage
┃ ┃ ┣ 📂PostingDetailPage
┃ ┃ ┃ ┣ 📂Comment
┃ ┃ ┣ 📂PostingMorePage
┃ ┃ ┣ 📂PostingWritePage
┃ ┃ ┗ 📂ReviewMorePage
┃ ┣ 📂constants
┃ ┣ 📂features
┃ ┃ ┣ 📂BookDetailPage
┃ ┃ ┃ ┣ 📂api
┃ ┃ ┃ ┣ 📂slice
┃ ┃ ┃ ┗ 📂types
┃ ┃ ┣ 📂BookSearchPage
┃ ┃ ┃ ┣ 📂api
┃ ┃ ┃ ┣ 📂slice
┃ ┃ ┃ ┗ 📂types
┃ ┃ ┣ 📂BookShelvesPage
┃ ┃ ┃ ┣ 📂api
┃ ┃ ┃ ┣ 📂slice
┃ ┃ ┃ ┗ 📂types
┃ ┃ ┣ 📂commons
┃ ┃ ┣ 📂DarkMode
┃ ┃ ┣ 📂FeedPage
┃ ┃ ┃ ┣ 📂api
┃ ┃ ┃ ┣ 📂slice
┃ ┃ ┃ ┗ 📂types
┃ ┃ ┣ 📂MyPage
┃ ┃ ┃ ┣ 📂api
┃ ┃ ┃ ┣ 📂slice
┃ ┃ ┃ ┗ 📂types
┃ ┃ ┣ 📂OneLineReviewDialog
┃ ┃ ┃ ┣ 📂api
┃ ┃ ┃ ┣ 📂types
┃ ┃ ┃ ┗ 📂utils
┃ ┃ ┣ 📂PostDetailPage
┃ ┃ ┃ ┣ 📂api
┃ ┃ ┃ ┣ 📂slice
┃ ┃ ┃ ┗ 📂types
┃ ┃ ┣ 📂PostingWritePage
┃ ┃ ┃ ┣ 📂api
┃ ┃ ┃ ┗ 📂types
┃ ┃ ┣ 📂SignupPage
┃ ┃ ┣ 📂Snackbar
┃ ┃ ┣ 📂SNSLogin
┃ ┃ ┃ ┗ 📂auth
┃ ┃ ┗ 📂user
┃ ┣ 📂hooks
┃ ┣ 📂pages
┃ ┃ ┣ 📂AdditionalInfoPage
┃ ┃ ┣ 📂BookDetailPage
┃ ┃ ┣ 📂BookPostingMorePage
┃ ┃ ┣ 📂BookReviewMorePage
┃ ┃ ┣ 📂BookSearchPage
┃ ┃ ┣ 📂BookShelvesPage
┃ ┃ ┣ 📂EditAccountPage
┃ ┃ ┣ 📂LikedPostingMorePage
┃ ┃ ┣ 📂LikedReviewMorePage
┃ ┃ ┣ 📂LoginSignupPage
┃ ┃ ┣ 📂MainPage
┃ ┃ ┣ 📂MyPage
┃ ┃ ┣ 📂NotFoundPage
┃ ┃ ┣ 📂PasswordChkPage
┃ ┃ ┣ 📂PostingDetailPage
┃ ┃ ┣ 📂PostingWritePage
┃ ┃ ┣ 📂UserPostingMorePage
┃ ┃ ┗ 📂UserReviewMorePage
┃ ┣ 📂routes
┃ ┣ 📂shared
┃ ┣ 📂store
┃ ┃ ┣ 📂api
┃ ┃ ┣ 📂slices
┃ ┣ 📂styles
┃ ┣ 📂utils
┃ ┃ ┣ 📂BookDetailPage
┃ ┃ ┣ 📂BookShelvesPage
┃ ┃ ┣ 📂SignupPage
┃ ┃ ┣ 📂Supabase
┃ ┃ ┗ 📂User