Hines : House In Decades

• '오늘의집' 클론 프로젝트를 바탕으로 제작되었습니다. 하인즈는 몇 십년 후의 미래를 배경으로 지구가 아닌 다른 행성에서 사는 인류를 위한 인테리어 및 전반적인 물품 판매를 컨셉으로 한 커머셜 사이트입니다. 몇 십년 후의 집을 컨셉으로 한 만큼 전체 명칭을 House In Decades으로 지었으며, 여기에서 가져온 약자인 Hines를 프로젝트의 이름으로 결정했습니다.

프로젝트 기간

• 2021.12.13 ~ 2021.12.24

목표

• 그동안 학습했던 지식들을 2주 간의 팀 프로젝트에 활용
• 스타일컴포넌트를 이용한 초기 세팅부터 전부 실제 사용할 수 있는 서비스 수준으로 기획 및 배포까지 구현

구현 영상

https://www.youtube.com/watch?v=Z4Hw1AQc_og

SKillS

• Front-End: React.js, Styled Component, React Router
• Back-End: Python, Django web framework, MySQL
• Common: AWS

소통 툴

• Git, Github, Slack, Trello, Notion

구현기능

• 상단바
• 소셜로그인
• 제품 리스트
• 제품 상세 페이지
• 장바구니
• 구매 내역

상단바 (header/nav)

• 스크롤시 카테고리부분이 고정

장바구니

• 수량 입력
  • 버튼으로 1단위 변화, 수량 직접 입력 가능
  • 0, 빈칸 -> 수량을 1이 되도록 만듦
• 로그인하지 않았을 때 fetch를 하지 않게 하여 No Token 에러 없앰
• 전체, 부분 선택 가능
• 전체, 부분, 1개 삭제 가능
• 총금액은 체크된 상품만 계산
• 냉장, 상온 2개로 상품을 분류하여 소비자가 보기 편리하게 구성
• 분류별 토글 버튼을 만들어 해당 리스트 펼치거나 접을 수 있게 함

Members

[프론트엔드] 이지현 홍정빈 황주영

[백엔드] 이유진 장도원 제갈창민

Reference

• 이 프로젝트는 오늘의집 사이트를 참조하여 학습목적으로 만들었습니다.
• 실무수준의 프로젝트이지만 학습용으로 만들었기 때문에 이 코드를 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다.