能量石商店

背景

宇宙能源匱乏，外星人肆意掠奪，地球生存危在旦夕…

由各國頂尖科學家集結研發，透過能量轉換原則，

使能量透過能量石轉移到人體，使人類獲得超能力，以利抵禦外敵。

能量石分成三大類，精礦、精鋼與精石，各自蘊含其能力，又以精石最為稀有。

開發

# install deps
npm  install

# run dev server
npm run serve

# run build
npm run  build

# Lints and fixes files
npm run lint

使用技術

這次使用 vue-cli 做開發 ，加入 ESLint Airbnb做程式碼規範

主要用到的套件有 vue-axios BootStap Gsap vee-validate

使用 vue-router 做路由設定

使用 vue-axios 串接 第三方api

使用 vee-validate 做表單驗證

使用 Gsap 裡的 Scroll Trigger 做 Hero Header 視差滾動動畫

BootStrap 客製化響應式頁面，製作前後台超過十個頁面