johnphjkr / twocircle

배포 사이트

TwoCircle(투써클 안경점)

작업기간

23.01.30(월) ~ 미정

테스트 아이디

사용자

ID : [email protected]
PW : abcd1234

관리자

ID : [email protected]
PW : abcd1234

사이트 설명 (추가 예정...)

프로젝트 멤버 및 작업 목록

박희수<조장>	김선미	송지윤	장현준	박현준
박희수	김선미	송지윤	장현준	박현준
라우터 연결 로그인 및 회원가입 페이지 검색 및 태그에 따른 상품페이지	장바구니 페이지 위시리스트 마이페이지 계좌관리 페이지	메인페이지 관리자 페이지 전반적인 디자인 관리	제품 상세페이지 결제 페이지 결제 완료 페이지 관리자 유저 목록 페이지 관리자 대시보드 페이지 구매목록 페이지 구조 제작 및 디자인 카카오톡 공유 API 구조 제작 초기 라우터 구조 제작 Wiki 작성	정보 변경 페이지 구매목록 페이지

프로젝트의 기능구현 사항

📌 필수사항

• 제공된 API를 사용하여 해당하는 쇼핑몰을 구성하기.
• 회원가입 페이지를 제작하여 회원가입 기능 구현하기.
• 로그인 페이지를 제작하여 로그인 기능 구현하기.
• 상품 리스트 페이지를 제작하여 상품 리스트 및 상세 페이지를 구현하여 상품 구매 기능 구현하기.
• 장바구니 페이지를 제작하여 장바구니 기능 구현하기.
• 주문 페이지를 제작하여 주문 기능 구현하기.
• 마이페이지를 제작하여 마이페이지 기능 구현하기.
• 검색 페이지를 제작하여 검색 및 필터를 통해 검색을 구현하기.

프로젝트 기술 스택

• Basic: HTML SCSS JAVASCRIPT
• Library: node-fetch Parcel Swiper Navigo Netlify
• Deploy: Netlify
• Bundler: Parcel 1

프로젝트 구조

TwoCircle
├─ .gitignore
├─ image
├─ index.html
├─ LICENSE
├─ package-lock.json
├─ package.json
├─ pages
│  ├─ admin
│  │  ├─ admin_dashboard.js
│  │  ├─ admin_product_list.js
│  │  ├─ admin_userlist.js
│  │  ├─ product.js
│  │  ├─ product_add.js
│  │  └─ product_update.js
│  ├─ admin_wrap.js
│  ├─ header.js
│  └─ user
│     ├─ account.js
│     ├─ cart.js
│     ├─ login.js
│     ├─ main.js
│     ├─ mypage.js
│     ├─ order_completed.js
│     ├─ password_check.js
│     ├─ payment.js
│     ├─ product_details.js
│     ├─ product_list.js
│     ├─ purchase_history.js
│     ├─ signup.js
│     ├─ user_information.js
│     └─ wish_list.js
├─ README.md
├─ scss
│  ├─ abstracts
│  ├─ admin
│  ├─ base
│  └─ user
├─ source
│  ├─ api
│  │  ├─ account
│  │  │  ├─ account_able_check.js
│  │  │  ├─ account_add.js
│  │  │  ├─ account_add_check.js
│  │  │  └─ account_delete.js
│  │  ├─ certified
│  │  │  ├─ authcheck_api.js
│  │  │  ├─ login_api.js
│  │  │  ├─ pw_check_api.js
│  │  │  ├─ signup_api.js
│  │  │  └─ userupdate_api.js
│  │  ├─ products
│  │  │  ├─ admin
│  │  │  │  ├─ allProduct_api.js
│  │  │  │  ├─ product.js
│  │  │  │  ├─ product_add.js
│  │  │  │  ├─ product_delete.js
│  │  │  │  ├─ product_transactions_api.js
│  │  │  │  ├─ product_update.js
│  │  │  │  └─ user_list_api.js
│  │  │  ├─ common
│  │  │  │  └─ product_detail_api.js
│  │  │  └─ user
│  │  │     ├─ payment_api.js
│  │  │     ├─ purchase_cancel_api.js
│  │  │     ├─ purchase_history_api.js
│  │  │     ├─ purchase_history_only_api.js
│  │  │     └─ purchase_ok_api.js
│  │  └─ requests.js
│  └─ js
│     ├─ account.js
│     ├─ admin
│     │  ├─ admin.js
│     │  ├─ admin_dashboard.js
│     │  ├─ admin_products_data.js
│     │  ├─ product.js
│     │  ├─ product_add.js
│     │  ├─ product_list.js
│     │  ├─ product_update.js
│     │  └─ user_list.js
│     ├─ cart.js
│     ├─ event_badge.js
│     ├─ header.js
│     ├─ loading.js
│     ├─ login.js
│     ├─ main.js
│     ├─ order_completed.js
│     ├─ payment.js
│     ├─ product_details.js
│     ├─ product_list.js
│     ├─ purchase_history.js
│     ├─ pw_check.js
│     ├─ signup.js
│     ├─ user_info.js
│     └─ wish_list.js
└─ static