臺南廟宇藝術

前、後台的專案。

『臺南人為了把最好獻給護佑鄉里的神明，廟宇的每一處幾乎都被填滿了華麗的工藝，為了讓旅行者來到臺南能更加沈浸在廟宇文化中而開發的產品！』

前、後台皆使用 Vue.js（Vue Router）與 axios ，前台應用 Lazy loading 優化效能，後台則是使用 Element UI 進行開發。

電子書

介面是針對 iPad 設計，建議 iPad 上操作。

模仿原生 APP 行為與電子書介面，透過 PWA 技術，可安裝到您的智慧型裝置。

需要為  iPad 為裝置及以  Pencil 為觸控點的電子書專案，達成直書、橫書排版，在不同的文字方向都能翻頁的效果。

AHDA 活動平台

透過 Zeplin 與設計師協作。

針對首頁、活動頁、登入流程、註冊與忘記密碼等頁面，進行 RWD 自適應網頁切版，精細調整每個斷點的排版，無使用 CSS 框架或函式庫。

Trust & Ethic 官網

RWD 多國語系網站。

前端使用 Vanilla JavaScript，寫出原生的輪播功能，並具有觸控切換的效果。

後端使用 Php 根據 IP 判讀地區，切換最合適的語系。

報名驗證 @前端精神時光屋

UI：自行設計使用者介面、切版、RWD。

JavaScipt：Email Regex 簡易驗證信箱填入是否正確，防止使用者亂輸入。Ajax 介接六角學院「2018 前端精神時光屋」開發的 API ，顯示此次活動報名人數，提供使用者驗證。

Todo List: Vanilla JS / jQuery / Vue

這是一個透過 Vanilla JavaScipt / JQuery / Vue 實作 To Do List。學習透過原生 JavaScipt 操作 DOM API，再比較使用 Library 和 Framework 的異同，去理解它們底層分別處理掉了什麼原生語法需要處理的麻煩事。

我的第一個翻牌遊戲

因為翻牌遊戲看起來很有趣，嘗試看看！使用到的： CSS：轉場 transition、變形 transform、背面 backface-visibility； JavaScript DOM API、dataset、Array.forEach() 、Math.random()、解構賦值等。

UI Design：登入頁面 Login Page

針對「登入」做發想而產生的醫療應用程式設計稿。

使用的工具是 Adobe XD。其他的設計使用 Sketch。