Book-Review

🧑🏻‍💻 팀 소개

이진욱 Frontend	강수진 Frontend	손진빈 Frontend

🧑🏻‍💻 프로젝트 소개

저희는 BOOK-REVIEW라는 사이트를 개발하였으며 본 사이트는 책 리뷰 사이트로 사용자가 책의 리뷰를 남길 수 있는 플랫폼을 만들었습니다.

🧑🏻‍💻 맡은 부분

@KittelLee (이진욱) : 총괄, CI/CD구축, Header구현, Footer구현, List페이지 로직(정렬등), 모달구현, 로딩애니메이션
@POZIP (강수진) : 책 360도 회전, List페이지 검색, 책 정렬
@withsjb (손진빈) : 캐로셀, 게시판, 회원가입&로그인, 마이페이지, 개인정보수정(닉네임&비밀번호)

🧑🏻‍💻 기술 스택

Enviroment & Config

UI Tools

Development & FrontEnd

Deploy

Communication

🧑🏻‍💻 파일 구조

BOOK-REVIEW
├── src/
│   ├── assets/
|   |    ├── icons/
|   |    └── images/
|   |
│   ├── components/
│   │    ├── Board/
│   │    ├── Home/
│   │    ├── Loader/
│   │    ├── Modal/
│   │    ├── Contexts/
│   │    ├── Header.tsx
│   │    └── Footer.tsx
│   │
│   ├── contexts/
│   │    └── AuthContext.tsx/
│   │
│   ├── hooks/
│   │    └── useAuthState.ts/
│   │
│   ├── pages/
│   │    ├── Board.tsx
│   │    ├── Home.tsx
│   │    ├── List.tsx
│   │    ├── Login.tsx
│   │    └── MyPage.tsx
│   │
│   ├── styles/
│   │    ├── ListModalStyle.ts
│   │    └── MyPageModalStyle.ts
│   │
│   ├── types/
│   │    ├── Board.ts
│   │    ├── BoardDetail.ts
│   │    ├── BookAdd.ts
│   │    ├── Intro.ts
│   │    ├── List.ts
│   │    ├── MyPage.ts
│   │    └── Review.ts
│   │
|   ├── firebase.ts/
|   ├── App.tsx/
│   ├── main.tsx/
│   └── vite-env.d.ts/
│
├── .firebase
├── .github
├── build
├── node_modules/
├── .eslintrc.cjs
├── .firebaserc
├── .gitignore
├── .firebase.json
├── .firebaseConfig.ts
├── index.html
├── package-lock.json
├── package.json
├── README.md
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts

🧑🏻‍💻 화면 구성

메인 페이지+헤더

메인 페이지+푸터

책 리스트페이지 & 검색페이지

게시판 페이지

마이 페이지

회원가입&로그인 페이지

🧑🏻‍💻 개발 기간 : 18일 23.12.06 ~ 23.12.24