[Brainstorming] 자생사업 "잇다" 플랫폼 만들기

기획

목적

• 모티브는 KBS 프로그램, '동행'. 스토리텔링 + 판매플랫폼 구축
  '동행' 공식사이트
• 1차 산업에 종사하면서 상품성이 있는 제품들을 생산하고 있지만 소비자와의 접점이 없어 생활고가 있는 사람들에게 판매 플랫폼을 제공한다. 주문을 받을 수 있는 시스템을 만들어서 소비자와 직접적인 거래가 가능할 수 있는 판매루트를 구축해준다.
• 현대적인 웹사이트에 사용되는 기능들을 직접 구현해보는 경험을 가진다.

주요 기능

• 장바구니 기능
  ✅  선택된 아이템을 로컬 스토리지(혹은 캐시 스토리지)에 저장한다.
  ✅  추가된 아이템들의 누적된 금액을 보여준다.
• 클릭 시 관련 페이지로 전환 기능
  ✅  제품 클릭 시 상세 페이지로 전환
  ✅  브랜드 이야기 클릭 시 소개 페이지로 전환
• UI에 애니메이션 적용
  ✅  장바구니 아이콘 클릭 시 장바구니에 담긴 내용(반쪽짜리 장바구니 페이지)이 toggle된다.
• 제품 검색 기능 (디바운스, 스로틀 기능 적용해보기)
• 반응형 사이트로 만들기

구현 순서

Backend

• Express 서버 구축

Frontend

• home페이지 만들기
  1) header - 슬로건 + 플랫폼 소개
  2) body - 판매중인 제품들을 한눈에 볼 수 있는 섹션
• 브랜드 이야기 페이지 만들기
• 장바구니 토글 페이지 만들기

주의 사항

• querySelector, querySelectorAll등의 직접적인 메소드 사용은 안된다.
  유사하게 동작하는 트리탐색 함수를 직접 구현하기.

---

UI

< 홈 페이지 >

< 제품 소개 페이지 >

< 브랜드 스토리 페이지 >

저장소

'잇다' 플랫폼 repository