해외 과자 구매 쇼핑몰 'Hansel and Gretel'

2020 소프트웨어공학 3차 프로젝트 (쇼핑몰 웹 어플리케이션)

• 팀장 2017202085 이윤지 (lamlyg)
• 팀원 2017202093 최유림 (ChoiYuLim)
• Project execution period : 2020.06.01~2020.06.19
  

Development Environment

OS

• Windows 10

Client

• JavaScript
• ReactJS
• NodeJS
• Express
• MongoDB

API

• Paypal (https://developer.paypal.com/docs/api/overview/)

Installation

1. package.json이 있는 상위폴더에서
   

npm install

에러시,

npm install --global --production windows-build-tools

2. cd client
   

npm install

3. server > config > dev.js 추가
   추가 후, mongoDB URL 코드 추가
   

cd ..

4. dropzone 설치
   

npm install react-dropzone --save

5. multer 설치
   

npm install --save multer

6. React-image-gallery
   

npm install react-image-gallery

7. Paypal download
   

npm install --save react-paypal-express-checkout

Application Architecture

• Page design by function
• REST API design

Database Diagram

UI

HOME

JOIN & LOGIN

Member information inquiry

• 구매자 (Buyer)

• 관리자 및 판매자 (Manager & Seller)

Product registration (seller)

Sales Status (seller)

Product inquiry

Product reviews

Purchase & Check purchase history

Recommended products

Best products

New products

Search

Filter 01 (by Category)

Filter 02 (by CheckBox)

Slider in Product images

Cart

Result

Demo