電商平台 - Scrafix 購物

作品說明

Scrafix 是我在2021年11月中完成的購物網站。
我的目標是利用vue框架寫出一個分工明確的網頁，
每個vue元件要可以被重複利用，
或是有某個特定功能因此必須獨立出來一個.js檔。
設計上，商品展示列參考pchome設計。

root/
├─ components/
│  ├─ App.js
│  ├─ Home.js
│  ├─ Firebase.js
│  ├─ Router.js
│  ├─ Mainpart.js
│  ├─ Login.js
│  ├─ SideRight.js
│  ├─ Store.js
│  ├─ ShoppingCart.js
│  ├─ Signup.js
│  ├─ Shop/
│  │  ├─ Acer.js
│  │  ├─ Apple.js
│  │  ├─ Asus.js
│  │  ├─ Lenovo.js
│  │  ├─ Microsoft.js
│  │  ├─ Msi.js
│  │  ├─ Razer.js
│  ├─ SideRight2.js
│  ├─ SideLeft.js
├─ main.js
├─ style.css
├─ favicon_io/
├─ index.html

功能與特色

• 首頁圖示隨滾輪捲動開合，字體淡入與淡出
• RWD設計，隨裝置不同版面配置跟著改變
• 結合前端與後端技術(vue+firebase)
• 使用者登入登出
• 商品加入購物車
• vuex集中管理元件data
• vue-router切換頁面(SPA)