Alpha-Shop

DEMO

專案要求:

1. 導覽列：在小螢幕會收縮成漢堡排。
2. stepper：標示「寄送地址、運送方式、付款資訊」三個操作階段。
3. form：「寄送地址、運送方式、付款資訊」各自有對應表單，表單下方有「上一步」和「下一步」按鈕可切換，切換的時候僅部分板塊被抽換，不會有頁面轉跳情形產生。
4. 購物籃：不論切到哪個操作階段，都會顯示有兩件商品的照片、單價、用費和總價，每項商品有「 ＋ 」和「 − 」按鈕可增減商品數量。
5. footer：在小螢幕不顯示。
6. RWD，行動版和桌機版板面切換

開發工具

• HTML
• JavaScript
• SCSS

Installing - 專案安裝流程

1.開啟終端機(Terminal)cd 到存放專案本機位置並執行:

https://github.com/yunimm/Alpha-Shop.git

2.開啟終端機(Terminal)，進入存放此專案的資料夾

cd ALPHA-Shop

3.安裝 npm 套件

在 Terminal 輸入 npm install 指令

4.開啟程式

在 Terminal 輸入 npm run start 指令