🤗Hugging (명품 가구 쇼핑몰)

'명품의 가치는 변하지 않는다'고 믿는 사람들을 위한 가구 셀렉트샵

제품 등록, 장바구니 추가, 주문하기 등 쇼핑몰의 핵심 서비스를 구현

✅ 서비스 주요 기능

💡 회원가입

• 이메일 인증으로 사용자가 매우 많은 id를 소유할 수 없게함

• 다음 주소 api도입으로 간결한 주소 입력

• 시연 영상

  

💡 로그인

• 소셜로그인 가능

• 비밀번호 찾기 및 수정

• JWT refreshToken 을 이용한 인증 인가

• 시연 영상

  

💡 홈

• 검색으로 상품 찾기 가능

• 좌측 상단 버튼 클릭시, 카테고리 열람 가능

• 시연 영상

  

💡 상세페이지 / 장바구니 / 결제

• 상품 상세정보 열람

• 장바구니에 담기

• 장바구니 리스트 중 선택적으로 구매 가능

• 결제 페이지에서 쿠폰을 선택해 할인 적용

• 결제 후 가입한 이메일로 구매 내역 메일 전송

• 시연 영상

  

💡 구매평

• 상세페이지에서 구매평 작성·수정·삭제

  • 해당 상품 구매자만 가능하도록 처리
• 시연 영상

  

💡 일반 회원 - 정보 관리

• 관리자와 일반사용자를 구분하여 페이지 변환

• 회원의 구매금액에 따른 등급 확인

• 보유 쿠폰 열람 및 사용

• 주문목록 열람 및 수정

• 회원정보변경 및 탈퇴

• 시연 영상

  

💡 관리자 - 주문 관리

• 주문 취소 가능

  • 주문이 완전히 삭제되지 않고 '관리자에 의한 취소'로 상태 변경 (데이터 보존)

• 배송상태(배송준비중, 배송중, 배송완료) 변경 가능

  • 배송완료로 변경 후에는 수정 불가
• 시연 영상

  

💡 관리자 - 상품 관리

• 상품을 추가 및 수정

• multer를 통해 이미지 업로드

• 상품 삭제시, 구매자가 있는 경우에는 상품이 사라지지 않고 '판매중지' 처리됨

• 카테고리가 삭제된 상품은 '미설정' 카테고리에서 확인 가능(데이터 보존)

• 시연 영상

  

💡 관리자 - 카테고리 관리

• 카테고리 추가 및 수정 가능

  • 포함 카테고리가 없어진 상품은 상품 조회에서 '미설정' 선택시 열람 가능 (데이터 보존)
• 시연 영상

  

✅ 페이지별 화면

메인 페이지(1)	메인 페이지(2)
회원가입	로그인
카테고리	상세페이지
장바구니	결제
일반 회원 - 주문 관리	일반 회원 - 정보 관리
관리자 - 주문 관리	관리자 - 카테고리 관리
관리자 - 상품 조회	관리자 - 상품 등록

💡 배포링크

💡 시연영상 full

💡 테스트 계정

	이메일	비밀번호
일반 회원	a@a.a	123123123
관리자	admin@hugging.com	123123123

✅ 기술스택

프론트엔드

백엔드

✅ 기획

1. 정보구조도(다이어그램)

2. 와이어 프레임

2. API 명세서

✅ 인프라 구조

✅ 폴더 구조

• 프론트: src/views 폴더
• 백: src/views 이외 폴더 전체
• 실행: 프론트, 백 동시에, express로 실행

✅ 제작자

이름	담당 업무
허혜실	팀장/FE
곽지우	FE : 관리자 페이지, 마이페이지 정보수정
박지혜	FE
손형석	BE
이진희	BE