JavaScript & React 

• JavaScript (ES6) 、JQuery  
  
• React.js & Redux + firebase - 聊天室
• 使用 ajax, Fetch 串接後台、第三方api
• React Hook - useState, useEffect, useContext, useReducer..etc
• Next.js
• PWA (Progressive Web App) - 
  add manifest, service worker

React專案獨立開發

從元件切版至部署  獨立負責前端開發

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

技能點： 

• 元件切版（還原設計稿）
• 狀態管理（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                                           *留言板+簡易會員系統                     （可以註冊會員 / 登入 / 留言 / 回覆留言 / 編輯留言 / 刪除留言 / 分頁 / 紀錄登入狀況 / 密碼安全性 - 雜湊 / 防止SQL Injection等hack / 套bootstrap樣式 / RWD不會跑位） 
• Node.js Express  - 建立http server
• Python -自學爬蟲 （從零到半天寫出）
• Apollo Client (graphQL) -  useQuery, useMutation 讀取、寫入資料
• Laravel - blog系統 學習中 
• React Native - 學習中 

HTML, CSS 

• HTML5 & CSS3

• CSS framework - Bootstrap, Antdesign, Reactstrap 
  
• HTML template engine - Pug
  CSS preprocessor - SASS, SCSS 
  
• CSS prefixes: postcss-Loader, autoprefixer
• Css In Js - Styled Components, styled-jsx, BEM naming convention

• CSS Animation - TIFA 2020 hover effect   進場動畫兩種方法不同效果                        demo 1  /   demo 2 
• AOS (Animate on scroll library)
  
• 熟悉 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、 react-dom/test-utils、Puppeteer

Design / UI 

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

---

簡報與懶人包設計講師

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

內容企劃與寫作者

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

網頁與視覺設計師

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

社團創辦與領導人

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

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

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

活動專案籌備團隊

16 GlobalSustainabilityJam-Tainan籌備團隊 

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

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

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

16 SDG世界咖啡館 - 總召 

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

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

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

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

企劃比賽

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

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

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