Bar Night 形象網站 連結 Github

這是一個假想的酒吧網站，從畫面設計到製作都由我一人獨立完成，分為前台頁面跟後台管理頁面，是我第一個製作的 Vue SPA 網站。

使用技術：

• Vue CLI、Vue router 製作 SPA 網站。
• Bootstrap 4、SCSS 客製化元件、製作 RWD 切版。
• Swiper.js 製作輪播。
• Axios 串接 API。
• ESLint 管控程式碼品質。

網站功能：

• 展示商品列表。
• 加入購物車，填寫訂單詳情，送出訂單。
• 獨立的後台頁面。
• 後台管理商品清單、新增限時折價券。
• 上傳圖片。

在這專案，我學會了：

• 如何使用 Vue CLI。
• 如何串接 API，將資料呈現在畫面上。
• 如何使用 vue-awesome-swiper 製作輪播。
• 後台管理表單如何設計。