//assets.cakeresume.com/assets/contentarea/contentarea-2d64eca8dae2a1ffb31e0fb1df887bbad072c7c19734d7d30fa14884bbcc299a.css

CarePod 是一個關於寵物運送服務的形象官網。該網站旨在提供使用者了解 CarePod 的服務項目、優勢。並提供問卷服務，讓使用者評估自己的寶貝寵物是否適合使用 CarePod 服務。使用技術如下：
- 前端框架：Vue
- 視覺畫面：SCSS, Bootstrap4
- 動畫效果：CSS Animation, CSS Keyframe, Animate.css 
- 建構工具：Gulp, Webpack
- 其他套件：Swiper.js, Smooth-scroll
網站：http://carepoddemov2.surge.sh/


carepod

前端工程師 @ Aotter Inc. 電獺股份有限公司

邱繼緯

根據指定的設計稿，搭配 gulp 建構工具編譯 EJS、SCSS，用現代 CSS 語法與布局方式切版出後台儀表板。

Deno：https://ayugioh2003.github.io/F2E-admin-order/index.html
程式碼：https://github.com/ayugioh2003/F2E-admin-order
技術：gulp, ejs, scss, bootstrap, 

後台儀表板

PsyStore 是一個提供心理學知識的電商網站。對使用者來說，PsyStore 提供了加入購物車、結帳、將課程加入我的最愛等選購功能。也提供了訂單方便查看購買記錄，以及提供酷碰券折扣。對管理員來說，提供了商品維護、訂單維護、以及酷朋券維護功能。使用技術如下：

- 前端框架：Vue, Vue CLI, Vue Router, Vuex
- 視覺畫面：Bootstrap4、SCSS

網站：https://ayugioh2003.github.io/psystore
程式碼：https://github.com/ayugioh2003/psystore

PsyStore

HowHouse，最優質的訂房網站。對使用者來說，HowHouse 提供了房間列表、房間細節，以及可以訂房間的時間。挑選房型完，就能進行結帳作業。使用技術如下：

- 前端框架：Vue, Nuxt
- 視覺畫面：SCSS, Tailwind
- 其他套件：vuex-map-fields, vue2-datepicker、藍新金流串接

網站：https://how-house.vercel.app/
程式碼：https://github.com/ayugioh2003/how-house

HouHouse

在求學期間因設計過心理學的圖形界面程式，而後輾轉對網頁前端有興趣，認為都是透過圖形界面來完成某項需求。我希望能加入一個團隊，以前端工程師的身份共同完成符合需求的專案



輔仁大學

高雄醫學大學

Aotter Inc. 電獺股份有限公司

前端工程師

Nuxt.js, Vue.js, Express.js, Chakra UI Vue

台灣台北市

美克爾科技股份有限公司 Maker Tech. CO., LTD.

技術
- vue.js, vuetify, element-ui, Ant Design of Vue

成果
- 企業前台、後台頁面切板
- 企業 CRM、ERP 系統串接 API


Fable

合作前端工程師

合作
- 擔任前端工程師，負責九成前端程式碼、與其他前端工程師合作
- 與 PM、後端、設計合作

成果
- 多頁面形象官網，包含切版、動畫與互動效果、串接部落格文章 API
- 多頁面問卷，包含輸入驗證、資料格式處理、串接後端 API


成果
- 每週回覆約 50 個課程學員提問
- 課程內容涵蓋 HTML、CSS、RWD、jQuery、Bootstrap

分享