29CONCEPT

개발자를 꿈꾸며 처음으로 진행된 쇼핑몰 웹사이트입니다.

일반 사용자와 판매자로 사용자 층을 나누어 제작하였으나 회원가입 후 로그인하시면 모든 사용자의 관점에서 웹사이트를 살펴보실 수 있습니다.

이미지 출처 - 온라인 셀렉트샵 29cm (https://www.29cm.co.kr/)

📂 설치 및 사용법

권장 브라우저

권장 버전

설치

// client directory
npm install
npm start
// server directory
npm install
npm start

👩🏻‍💻 기술 스택

프론트엔드

- HTML5
- CSS3
- JavaScript
- React (hooks)
- Redux (thunk)

백엔드

- node.js
- MySQL
- AWS

사용한 라이브러리

- Formik
- Yup
- react-slick
- ant design

버전 관리

- Git & GitHub

📆 프로젝트 기간

2020년 2월 22일 ~ 2020년 3월 26일 (총 5주)

📌 구현 페이지 / 기능

회원가입 페이지

• 회원가입 유효성 검사
• 비밀번호 암호화
• 회원 정보 저장

로그인 페이지

• 로그인 유효성 검사
• 소셜 로그인 (구글, 네이버, 카카오)
• 계정, 비밀번호 찾기

랜딩 페이지

• 비주얼 슬라이더

서브 페이지

• 상품 리스트 페이지네이션

상세 페이지

• 장바구니 담기
• 위시리스트 저장
• 리뷰, Q&A 작성

상품 검색 페이지

• 검색 상품 리스트

회원정보 페이지

• 소셜 로그인 정보 확인
• 이메일, 비밀번호 변경
• 회원 탈퇴

  장바구니 페이지

• 선택상품 삭제
• 주문금액, 배송비, 결제금액 계산

  위시리스트 페이지

• 상품 개별 삭제

판매자 상품 관리 페이지

• 상품 카테고리별 필터링
• 상품 리스트 페이지네이션
• 추천상품 등록, 삭제

  상품 등록 페이지

• 썸네일, 상세 이미지 업로드
• 상품명, 판매금액, 재고수량 정보 저장

  상품 정보 수정 페이지

• 카테고리, 판매금액, 할인율 수정

🤼‍♂️ 참여자

박정훈 (Back-end, Front-end)

이은빈 (Front-end, UI Design)

조혜송 (Back-end)