TeamBookTez / booktez-client

📚진짜 독서가들의 독서법 - 북스테어즈 (React)

현재 저희는 더 좋은 유저 경험과 확장성, 그리고 우리의 성장을 위해 🔗 Next.js 버전(클릭)로의 마이그레이션을 진행하고 있습니다.

우리 서비스에 적합하고, 공부할 가치가 있는 기술을 사용해보고, 틀에 갇힌 코드를 작성하지 않도록 🎉Discussions(클릭)를 오픈했습니다🎉

북스테어즈 팀원이 아닌 분들도 자유롭게 의견을 내주시고, 새로운 지식을 알려주시면 감사하겠습니다 :))

---

📚 북스테어즈는 어떤 서비스인가요?

진짜 독서가들의 독서법, 북스테어즈 💡
뇌 과학 기반의 차별화 된 독서법을 제안합니다. 랜딩페이지 바로가기

🧩 워크플로우

👨‍👩‍👦‍👦 누가 만들었나요?

김소령(soryeongk)	이주함(joohaem)	김규민(Gyuminn)	석상언(sharpcoder312)

🛠 기술 스택

뚝딱뚝딱 마이그레이션 진행 중 ...

"axios": "^0.24.0",
"framer-motion": "^6.2.3",
"react-hook-form": "^7.28.1",
"react-responsive": "^9.0.0-beta.6",
"react-textarea-autosize": "^8.3.3",
"recoil": "^0.6.1",
"recoil-persist": "^4.0.0",
"styled-components": "^5.3.3",
"styled-reset": "^4.3.4",
"swr": "^1.2.1",
"typescript": "^4.5.4"

✉ 커밋 컨벤션

제목	내용
init	작업 세팅 커밋 (패키지 설치 등)
feat	기능 추가 및 변경 (화면 영향 o)
design	only css 변경
fix	기존의 버그 수정
refactor	더 좋은 코드 개선 (화면 영향 x)
etc	문서 작성 or 그 외 커밋(주석, 개행 등)

💻 프로젝트 뷰

1. 랜딩 페이지

2. 회원가입 페이지

3단계 구성의 절차를 통해 회원가입이 이루어집니다.

3. 로그인 페이지

4. 마이 페이지

현재까지 작성한 북노트 권 수를 제공하며, 고객과 북스테어즈의 커뮤니케이션 통로의 역할을 합니다.

5. 메인 페이지

적용 사례를 통한 북노트 사용 가이드와 최근 작성한 북노트를 확인할 수 있습니다.

6. 적용 사례 페이지

북노트 사용 구체적 예시와 캐러셀 모달을 통한 상세 설명을 제공합니다.

7. 서재 페이지

전체, 독서 전, 독서 중, 독서 완료를 분기 처리하여 북노트 목록을 제공하며, 책 추가 페이지로 이어집니다.

8. 책 추가 페이지

카카오 api를 통해 책 DB를 등록된 책들을 검색할 수 있습니다.

9. 독서 전 페이지

본격적인 독서 전, 나만의 독서 전략을 세워 독서 방향성 정립에 도움을 줍니다.

10. 독서 중 페이지

질문 리스트를 최대 4뎁스까지 구조화하여 질문과 답변을 등록할 수 있습니다.
또한, Step Up과 예시 버튼을 통해 북노트 작성에 도움을 얻을 수 있습니다.

11. 독서 완료 페이지

완료된 북노트를 확인할 수 있으며, 북노트 삭제 및 수정 기능을 제공합니다.

12. 준비 중 페이지

현재 북스테어즈가 준비 중인 기능을 안내함과 동시에 피드백 통로를 제공합니다.

13. 404 페이지