프로젝트 소개 - KDT4-team6/Paldo GitHub Wiki

header

💳Ottogi Premium💳



👨‍💻 Paldo 팀 소개

권범준(조장) 고봉석 유선주 조성민
kjungit bongsee yousunzoo FranzCho
[관리자 페이지]
- 메인 페이지
- 상품 관리 페이지
- 상품 개별 페이지
- 상품 등록 페이지
- 상품 수정 페이지
- 거래내역 관리 페이지
- 거래내역 상세 페이지		 [마이 페이지]
- 찜한 상품 페이지
- 주문 내역 페이지
- 회원정보 수정 페이지
- 계좌 관리 페이지
[주문 페이지]
- 주문서 페이지
- 결제 완료 페이지		 [사용자용 페이지]
- 상품 페이지
- 상품 검색 페이지
- 장바구니 페이지
- 쿠폰 페이지
- 로그인/아웃 시 헤더 변경
- 사이드바		 - 회원가입 페이지 퍼블리싱
- 장바구니 페이지 퍼블리싱
- 찜한 상품 페이지 퍼블리싱
- 제품 상세 페이지 퍼블리싱




🛒 프로젝트 소개

main

REST API를 활용하여 Vanilla JavaScript로 제작한 프리미엄 식품 쇼핑몰입니다.

  • 유저는 회원가입 및 로그인 후 상품 구매 및 장바구니, 찜목록 추가를 할 수 있습니다.
    그 외에도 주문내역, 개인정보수정 등이 가능하며, 계좌관리(계좌등록)을 통해 구매가 가능합니다.
  • 관리자는 상품 통계, 거래 통계 현황을 볼 수 있고, 상품등록 및 수정, 거래취소 및 거래확정이 가능합니다.

🛠️사용한 기술 스택

  • Basic: HTML, SCSS, JavaScript
  • Library: Swiper, Navigo, Chart.js, GSAP, SweetAlert2,Flatpickr, Daum postcode.map
  • Bundler: Parcel
  • Deploy: Netlify


📁 프로젝트 구조

┌─js
│  ├─adminFunctions
│  │  └─admin 페이지 구현을 위한 함수
│  ├─userFunctions
│  │  └─user 페이지 구현을 위한 함수
│  ├─components
│  │  └─페이지를 구성하는 컴포넌트 모음
│  ├─library
│  │  └─library를 사용하는 함수
│  ├─utils
│  │  └─유틸리티 함수
│  ├─api
│  │  └─api와 통신하는 함수
│  └─router.js
├─scss
│  ├─common
│  ├─pages
│  └─variables
├─static
│  └─images
├─index.html
├─README.md
├─package.json
└─package-lock.json




💻 프로젝트 실행 방법

$ git clone https://github.com/KDT4-team6/Paldo.git
$ cd Paldo
$ npm i
$ npm run dev




⏱ 타임라인

WBS




📝 페이지 구성

pages

⚠️ **GitHub.com Fallback** ⚠️