🏡 Team klush

---

• 진행기간 : 2021년 3월 15일 ~ 2021년 3월 25일 (11일)

🔜 FrontEnd

• 김우영
• 김현중 (PM)
• 정재욱

🔙 BackEnd

• 정수빈
• 최인아
• 한지영
  
  

🌟: 팀원 별 작업 현황

• 김우영

• 메인페이지 ( nav + main + footer)

• 김현중

• 로그인, 회원가입, 장바구니 페이지

• 정재욱

• 상품 리스트, 상품 디테일 페이지

🌟프로젝트 소개

영국 핸드메이드 화장품 '러쉬'의 국내 사이트인 러쉬 코리아의 주요 기능을 구현한 TEAM PROJECT

Goals :

유저의 회원가입/로그인 -> -> 스토어에서 상품 고르기 (발견) -> 장바구니에 담기 (구매) -> 최종 결제하기

🛠 기술 스택

FrontEnd 기술 스택

• React
• Redux
• React Router
• Sass
• React Hooks

🌈 구현 기능

김우영

NAV bar

• productNavBar.json를 이용한 navBar 단일 목데이터 구축
• 순수 SASS를 이용한 모달 검색창 구현
• Redux의 UseSelector를 이용하여 장바구니에 담긴 수량을 실시간으로 받아오기

Footer

• 실제 사이트보다 주요 정보들을 추려 직관적으로 구현

김현중

로그인, 회원가입

• Local Storage를 통한 access token 관리
• 다음 주소API 를 사용한 회원가입 주소 입력 기능 구현

장바구니

• 전역 상태관리 도구인 Redux를 사용 해 장바구니에 담긴 체크 된 상품 삭제, 수량에 따른 가격 변화 구현

정재욱

상품 리스트, 디테일 페이지

• 상품 리스트, 상세 페이지에서 장바구니 '담기' 버튼 클릭시 fetch 함수를 통해 백엔드에 상품 정보 전달

🌟: 팀원별 GitHub 주소

• 김현중 : 김현중 GitHub
• 김우영 : 김우영 GitHub
• 정재욱 : 정재욱 GitHub

‼️ Reference

• 이 프로젝트는 LUSH 사이트를 참조하여 학습목적으로 만들었습니다.
  
• 실무수준의 프로젝트이지만 학습용으로 만들었기 때문에 이 코드를 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다.
  
• 이 프로젝트에서 사용하고 있는 사진 대부분은 위코드에서 구매한 것이므로 해당 프로젝트 외부인이 사용할 수 없습니다.