Skip to content

Latest commit

 

History

History
75 lines (59 loc) · 2.2 KB

README.md

File metadata and controls

75 lines (59 loc) · 2.2 KB
Raw

re.HOUSE 居家傢俱

居家傢俱電商網站 Demo：https://viccjiang.github.io/vue_rehouse/

設計概念

創作理念： re 重新 + house 房子 = 重新打造一個家
主要風格： 日系、溫馨、環保、居家
色系搭配：


圖片來源：Unsplash

專案說明

  • 本網站具有前台與後台管理系統
  • 主要使用 Vue.js 和 Vue Cli 架設而成
  • 引入 Vue Router 與 Vue Axios 等套件
  • 引入 Bootstrap 5 樣式
  • 加入 ESLint Airbnb 風格
  • 串接 RESTful API
  • 透過 mitt 傳遞跨元件資料
  • 使用 Bootstrap 5 切版，結合 Sass 客製化樣式
  • 使用 Bootstrap Icons

前台

  • 電商產品展示
  • 購物車結帳
  • 領取優惠碼

後台

  • 登入、登出
  • 產品管理
  • 優惠碼管理
  • 訂單管理

使用技術

  • Vue.js 3 規劃 SPA 架構
  • Vue CLI 建立與打包專案
  • Vue Router 建構路由
  • Vue axios 串接 RESTful API 資料
  • 使用 Bootstrap 5 規劃響應式版型
  • 使用 SCSS 預處理器管理 CSS
  • 以 ESLint Airbnb 規範進行開發
  • 使用 Vee Validation 驗證功能
  • 使用 Swiper 輪播器
  • 使用 mitt 跨元件傳遞資料
  • 使用 Bootstrap Icons

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.