JavaScript & React 

• JavaScript (ES6) 、JQuery
  
• React.js & Redux + firebase    *聊天室作品(https://goo.gl/Ay7KWt)
  
• 使用 ajax 串接第三方api  eg. google map api, twitch api (https://goo.gl/6r9zTL)    

React專案獨立開發

SPA獨立開發 從元件切版至部署

「銀行股價走勢預測平台」

技能點： 

• 元件切版（還原設計稿）
• 狀態管理（Redux）
• 檔案架構安排（presentational and container components）
• 路由配置（react-router）
• 數據可視化插件（chart.js）
• 與後端協作串接api （redux-api-middleman、資料結構轉換、login auth）
• 其他功能開發（Accordion、Modal、Pagination、Loading Overlay等）
• 使用Functional Programming Design Pattern
• 部署至heroku （webpack配置、cors處理）    

Back-end & others

• PHP MySQL *留言板+簡易會員系統  作品 https://goo.gl/LCQNqb（可以註冊會員 / 登入 / 留言 / 回覆留言 / 編輯留言 / 刪除留言 / 分頁 / 紀錄登入狀況 / 密碼安全性(雜湊) / 防止SQL Injection等hack / 套bootstrap樣式 / RWD不會跑位） 
• Node.js Express 建立http server
• Python 自學爬蟲 （從零到半天寫出）
• Laravel blog系統 學習中 
• React Native 學習中 

HTML, CSS 

• HTML5 & CSS3 (CSS Precedence)
  
• 使用過的 CSS framework：Bootstrap, Antdesign, Reactstrap 
  
• template engine: Pug
  CSS preprocessor: SASS, SCSS 
  
• postcss-loader autoprefixer - css prefixes
  
• 使用 BEM 命名規範或 Styled Components，避免全域污染 
• 熟悉 media quaries 與 RWD切版 ( flexbox )  
  

Tools / Development

• VS Code 
  
• NPM, yarn 指令 
• Git flow
  
• Chrome Dev Tool debug 
  
• API文件閱讀能力、遇到問題會上Stackoverflow 查詢並解決 
  
• Webpack, Gulp 自動化打包 
  
• Postman 測試API、使用 JSON Server 模擬 Restful API 
  
• Unit Test：basic unit test、Puppeteer

Design / UI 

• Photoshop & Illustrator                      設計類作品於下方 
  
• Sketch *UIdaily練習
  

---

簡報與懶人包設計講師

講授逾1000位大學生簡報設計課程、引導企劃與設計思考工作坊

內容企劃與寫作者

企劃的懶人包內容單篇達32250觸及、1000以上讚、150以上分享
medium文章單篇超過800claps, 5600views

網頁與視覺設計師

網頁設計與切版，亦接懶人包製作與設計、商城活動Banner、名片設計

社團創辦與領導人

1617高雄北區國際扶輪青年服務團 -創團團長 

從零開始陌生開發、建立跨校團隊、引入團內腦力激盪會議、提出創新改革建議為當屆地區代表候選人票數第二高（首次參選）、帶領團員參與為期一週的扶青團香港國際交流參訪計劃（香港北區扶青團主辦）

16 AIESEC文藻分會 -IGIP全球人才實習計劃部門專員  銷售與業務開發、企業合作

活動專案籌備團隊

16 GlobalSustainabilityJam-Tainan籌備團隊 

16 春季覺醒青年國際會議 - 隨隊講師 

17 校園生涯講座 我就是找不到熱忱 - 總召

16 高效率團隊溝通工作坊 - 總召

16 SDG世界咖啡館 - 總召 

15 校園職涯講座 畢業了，然後？ - 副召

16 CityCrazyRunner戶外實境遊戲 - 籌備團隊

16 一日農夫體驗日 - 籌備團隊

16 聖誕面具舞會 - 籌備團隊

企劃比賽與模聯

16 國際院校會展城市行銷競賽 - 主題創意獎

16 全國大專院校MICE創意會展策劃競賽 

15 國際擬餌釣具展校際商展暨簡報競賽 - 最佳展攤創意獎（隊長）