CURLY - 肉桂捲專賣店

專案說明

以肉桂捲為主題的電商網站。

Demo Website：https://gill74123.github.io/CURLY/#/

設計理念

• 名稱由來： 大眾對肉桂捲的印象「捲」 ＋ 作者本身的自然捲 ＝ CURLY
• 主要風格： 簡單、溫暖
• 色系搭配： #ae7d58、#F0EFE3、#eee4d3

使用技術

• 使用 Vue 3 和 Vue Cli 架設開發。
• 引入 Vue Router 與 Vue Axios 等套件。
• 使用 Bootstrap 5 & SCSS 建構響應是版型。
• 加入 ESLint standard 規範管理程式品質。
• 透過 mitt 傳遞跨元件資料。

使用套件

• Vue Router 管控路由。
• Vue Axios 串接 37 支 API。
• Vee-Validate 表單驗證。
• Vue-loading-overlay 動畫加載頁面。
• swiper 輪播功能。
• AOS 動畫效果。
• CKEditor 5 編輯文章功能。
• Font Awesome、Material icons。

前台簡介

• 首頁
• 產品列表：產品分類、產品搜尋、分頁功能
• 產品詳情
• 最新消息：文章分類、分頁功能
• 購物車：新增、刪除、修改功能
• 優惠券：優惠券套用
• 結帳：建立訂單
• 收藏功能

後台簡介

• 產品管理：新增、修改、刪除、圖片上傳功能
• 訂單管理：新增、修改、刪除功能
• 優惠券管理：新增、修改、刪除功能
• 貼文管理：新增、修改、刪除、圖片上傳功能

更多細節部分，歡迎至 Demo 網站 觀看