The booktez-client from lesanf

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

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

🧩 워크플로우

💻 프로젝트 뷰

1. 랜딩 페이지

2. 회원가입 페이지

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

3. 로그인 페이지

4. 마이 페이지

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

5. 메인 페이지

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

6. 적용 사례 페이지

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

7. 서재 페이지

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

8. 책 추가 페이지

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

9. 독서 전 페이지

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

10. 독서 중 페이지

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

11. 독서 완료 페이지

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

12. 준비 중 페이지

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

13. 404 페이지

🛠 기술 스택

"axios": "^0.24.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router-dom": "^6.2.1",
"styled-components": "^5.3.3",
"styled-reset": "^4.3.4",
"typescript": "^4.5.4",

🗂 프로젝트 폴더 구조

.
├── components
│   ├── addBook
│   │   ├── AddBookDefault.tsx
│   │   ├── BookEmpty.tsx
│   │   ├── BookInfoWrapper.tsx
│   │   ├── BookList.tsx
│   │   ├── ModalWrapper.tsx
│   │   ├── SearchBar.tsx
│   │   └── ShowModal.tsx
│   ├── bookcase
│   │   ├── cardSection
│   │   │   ├── AddBookCard.tsx
│   │   │   ├── BookCard.tsx
│   │   │   └── Empty.tsx
│   │   ├── Card.tsx
│   │   ├── Navigation.tsx
│   │   ├── NoCards.tsx
│   │   ├── PeriRead.tsx
│   │   ├── PostRead.tsx
│   │   ├── PreRead.tsx
│   │   ├── Total.tsx
│   │   └── index.ts
│   ├── common
│   │   ├── styled
│   │   │   ├── Button.tsx
│   │   │   ├── Input.tsx
│   │   │   ├── LabelHidden.tsx
│   │   │   ├── LabelQuestion.tsx
│   │   │   ├── NoteModalWrapper.tsx
│   │   │   └── Popup.tsx
│   │   ├── AlertLabel.tsx
│   │   ├── CommonLayout.tsx
│   │   ├── NavHeader.tsx
│   │   ├── InputEmail.tsx
│   │   ├── InputPwd.tsx
│   │   ├── MainHeader.tsx
│   │   ├── MainLayout.tsx
│   │   ├── NavHeader.tsx
│   │   ├── NavWrapper.tsx
│   │   ├── PopUpDelete.tsx
│   │   ├── PopUpExit.tsx
│   │   └── index.ts
│   ├── detail
│   │   ├── DetailArticleWrapper.tsx
│   │   ├── DetailArticleWrapperLabeling.tsx
│   │   ├── ExamplePeriNote.tsx
│   │   ├── ExamplePreNote.tsx
│   │   ├── ExamplePreNoteLabeling.tsx
│   │   ├── StepUpOnExample.tsx
│   │   └── index.ts
│   ├── landing
│   │   ├── LandingCard.tsx
│   │   ├── LandingOne.tsx
│   │   ├── LandingTwo.tsx
│   │   ├── LandingThree.tsx
│   │   ├── LandingFour.tsx
│   │   ├── LandingFive.tsx
│   │   ├── LandingHeader.tsx
│   │   ├── LandingFooter.tsx
│   │   └── index.ts
│   ├── login
│   │   ├── LoginForm.tsx
│   │   ├── LoginNavSection.tsx
│   │   └── index.ts
│   ├── main
│   │   ├── Banner.tsx
│   │   ├── Recent.tsx
│   │   └── index.ts
│   ├── myPage
│   │   ├── BookComment.tsx
│   │   ├── BottomContent.tsx
│   │   ├── TopBanner.tsx
│   │   ├── TopContent.tsx
│   │   └── index.ts
│   ├── signup
│   │   ├── FirstStep.tsx
│   │   ├── SecondStep.tsx
│   │   ├── ThirdStep.tsx
│   │   ├── LastStep.tsx
│   │   └── index.ts
│   └── Router.tsx
├── pages
│   ├── AddBook.tsx
│   ├── Bookcase.tsx
│   ├── BookNote.tsx
│   ├── DetailBookNote.tsx
│   ├── DetailExample.tsx
│   ├── Landing.tsx
│   ├── Login.tsx
│   ├── Main.tsx
│   ├── MyPage.tsx
│   ├── Signup.tsx
│   ├── Test.tsx
│   ├── ToBe.tsx
│   └── index.ts
├── styles
│   ├── globalStyle.ts
│   ├── styled.d.ts
│   └── theme.ts
├── utils
│   ├── lib
│   │   ├── api.ts
│   │   └── index.ts
│   ├── check.ts
│   ├── dataType.ts
│   └── mockData.ts
├── App.tsx
├── index.tsx
└── tsconfig.json

✉ 커밋 컨벤션

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

lesanf / booktez-client Goto Github PK

booktez-client's Introduction

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