쇼핑몰 관리 사이트 (Zapick)
작업 기간
2023-08-09 ~ 2023-10-19
인력 구성
FE 1명 / BE 1명 (FE 기여도 100%)
프로젝트 목적
사용자 친화적이고 효율적인 쇼핑몰 어드민 페이지와 클라이언트 사이트를 개발하는 것입니다.
프로젝트 내용
쇼핑몰 어드민 페이지는 관리자가 상품, 주문, 사용자, 재고 등을 체계적으로 관리할 수 있도록 Airtable을 데이터베이스로 이용하여 직관적으로 사용할 수 있게 제작하였습니다.
주요 업무 및 상세 역할
Airtable과 Frontend 연동, intersectionobserver로 인피니티 스크롤 구현
사용언어 및 개발 환경
React, React Query, Airtable, Styled-component
기능
카테고리설정 기능
대, 중,소 분류의 카테고리 각 부분에서 생성, 수정, 삭제가 가능하도록 구현되었습니다.
제품 리스트 및 디테일 기능
intersectionobserver를 이용해 인피니티 스크롤을 구현했습니다. 데이터는 서버를 통해 Airtable에 작성되어있는 데이터를 불러옵니다.
클라이언트 카트 및 오더 기능
상품 디테일 페이지에서 카트에 담고 오더를 넣는 구조로 구현 되었습니다.
마이페이지 및 설정 기능
나의 정보를 수정할 수 있는 페이지 입니다.