角落唱片電商

以 Vue 框架開發電商網站，主題為唱片行的線上購買平台，並串接六角學院課程 API ，實現前台撈取資料呈現及後臺新增產品、優惠券、修改訂單等功能。

Demo

https://moonstrand.github.io/RecordStore/

如何執行專案

安裝專案

npm install

編譯專案

npm run serve

分析及修復

npm run lint

主要功能

前台 (使用者)

• 商品呈現、商品分類、查詢商品關鍵字、單一商品介紹、隨機商品呈現(為你推薦)
• 願望清單、購物車、客戶填寫資料、結帳
• 抽取優惠券、套用優惠券
• 訂單查詢

後台

• 後臺登入、登出
• 產品管理、訂單管理、優惠券管理

作品使用技術、語言

• HTML
• RWD/SCSS
• JavaScript ES6
• AJAX
• Git
• ESLint

作品使用框架、函式庫、套件

• Vue.js
• Vue CLI
• Axios
• Vue Loading Overlay
• Bootstrap
• Animate On Scroll (AOS)
• Vue Toastification
• VeeValidate
• mitt.js

素材引用來源

API

Hexschool vue3-course-api

專輯圖片來源

Yuika、台灣索尼音樂、Universal Music、杰威爾音樂、SPACE SHOWER MUSIC

背景、橫幅圖片來源

Unsplash