ypyp66 / agreable

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

아그레아블 과제

wingeat 구현하기

배포 주소

구현 기능

- 메인 페이지

  • 무한 스크롤
  • 반응형
  • Header // 로고 및 장바구니 이동 가능
  • Header // 장바구니 버튼 옆 장바구니 갯수 표시
  • Header // 장바구니 갯수만큼 숫자 변경
  • Feature // 모바일or데스크탑 구분하여 이미지 표시
  • Feature // Carousel 방식으로 렌더링 및 autoplay ON
  • Lists // Api호출 시 Page쿼리 포함
  • Lists // page가 넘어갈때 호출 방지
  • Lists // 아이템 클릭 시 Toast 창 활성화 및 일정시간 후 종료
  • Lists // 기존에 있는 아이템일 경우 수량만 1 증가

- 장바구니 페이지

  • 상품이 없다면 '장바구니가 비었습니다' 메세지 표시
  • 결제 예정 금액 표시
  • 체크 박스 구현 및 선택 여부에 따라 결제 예정 금액 포함/비포함
  • x버튼 클릭 시 장바구니에서 제거 및 결제금액 업데이트
  • 반응형 구현

About


Languages

Language:JavaScript 92.0%Language:HTML 8.0%