Feoys8kz8fjlwf6djneh

潘芷盈  Jean Pang

 軟體工程師 

在思考與行動中創造價值

imagination plus execution

[email protected]


Frond-end 網頁前端開發技能


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, Recharts)
  • 與後端協作串接api (redux-api-middleman、資料結構轉換、login auth)
  • 其他功能開發(Accordion、Modal、Pagination、Loading Overlay等)
  • Functional Programming Design Pattern
  • 部署至heroku(webpack配置、cors處理)    


其他專案repo連結


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 QuariesRWD切版 ( flexbox ) 


Tools / Development

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


Design / UI 

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

Hackathon
  • 2019 保險金融與AI智慧健康區塊鏈黑客松競賽 最佳創意獎(idea brainstorm & UI design)  


另外,我也是...


簡報與懶人包設計講師

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


內容企劃與寫作者

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


網頁與視覺設計師

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

更多詳細經歷與作品 ↓  

簡報與懶人包設計講師

講授30場以上:簡報與懶人包設計課程 (逾1000位大專院校學生、政府部門公務人員、國高中自學生也有) 

20.07.23 高雄國稅局 教育訓練 - 懶人包設計與製作 講師
20.04.17 屏東科技大學 企業管理所 - 簡報製作與表達 一日工作坊 講師

20.03.14 屏東科技大學 職涯發展處 - 簡報製作與表達 一日工作坊 講師

19.12.23 馬偕醫學院 醫學教育部 - 懶人包設計與製作 講師

19.11.30 屏東科技大學 職涯發展處 - 簡報製作與表達 一日工作坊 講師

19.08.26 財政部國有財產署 南區 教育訓練 - 懶人包設計與製作 講師

19.08.20 嘉義大學 學生會 - 簡報設計 講師

19.08.01 財政部國有財產署 北區 教育訓練 - 懶人包設計與製作 講師

19.05.31 屏東科技大學 企業管理所 簡報設計與實作 一日工作坊 - 講師

19.05.09 衛生福利部 108年衛生教育工作坊 - 懶人包製作 講師

19.04.27 屏東科技大學 職涯發展處 - 簡報設計與實作 一日工作坊 講師
19.03.18 逢甲大學 領知中心 - 簡報設計 講師

19.03.14 中原大學 原住民設計專班 設計概論講座 - 簡報設計 講師

19.03.11 逢甲大學 圖書館 - 簡報設計 資訊邏輯力、設計與實作 一日工作坊 講師

18.12.09 高雄醫學大學 心理系學會 - 懶人包設計進階 一日工作坊 講師

18.12.06 元智大學 新世紀領袖培育計畫團 - 簡報設計與實作 講師

18.11.12 之道學習 高中自學生 - 簡報設計 講師

18.10.13 屏東科技大學 職涯發展處 - 商務簡報應用 一日工作坊 講師  

18.10.06 屏東科技大學 職涯發展處 - 簡報設計與表達 一日工作坊 講師

18.10.02 逢甲大學 圖書館 - 懶人包設計與行銷進階 一日工作坊 講師

18.09.14 台北商業大學 職涯大使團隊 - 簡報設計 講師

18.09.05 嘉義大學 學生會 - 簡報設計 講師 

18.06.08 彰化女中 班聯會 - 簡報設計 講師 

18.05.09 屏東大學 人際與溝通通識課 - 簡報設計 講師 

18.05.03 長庚大學 醫學生聯合會 - 懶人包製作進階 - 講師 

18.03.22 元智大學 新世紀領袖培育計畫團 - 簡報設計 講師 

18.03.11 長庚大學 醫學生聯合會- 懶人包設計 講師 

17.11.30 彰化師範大學 課外活動指導組 - 簡報設計與優化 講師 

17.11.26 國立交通大學 創新創業社 - 簡報設計 講師 

17.10.02 台灣科技大學 學生會 - 懶人包製作與設計 講師 

17.09.30 中國醫藥大學 醫學系系學會 - 美感設計 講師 

17.09.05 嘉義大學 學生會 - 美感設計 講師

活動企劃與設計思考工作坊引導人 與 其他演講分享

20.07.09 2020小學畢業生另類探索團 - 設計思考提案力工作坊 講師、引導人
18.06.02 國際扶輪青年3510地區 地區講習會 暨團長當選人訓練會 - 活動設計思考工作坊 引導人 
17.12.21 元智大學 新世紀領袖培育計畫團 - 聲音肢體表達 講師
17.09.30 中國醫藥大學 醫學系系學會 - 活動設計 講師 
17.09.05 嘉義大學 學生會 - 活動企劃 講師 
17.09.05 嘉義大學 學生會 - 活動企劃 講師 
18.09.07 青年迴響計畫說明會 給你一個行動的藉口 - 講者 

17.10.24 雜學校 亞洲創新教育博覽會 圓桌講士 - 短講人 

網頁與視覺設計師

RWD網頁設計與切版

- 百工日記2018 官方網站、東昇米糧 官方網站改版

商城、活動banner、其他設計

商城、活動banner設計|合作對象:大新書局  

- dm設計|合作對象:高雄市社會局 青年社團嘉年華 2018

- 名片設計|合作對象:LaMoon studio

- 商場3D圖繪製|合作對象:好醋多 

- 12~14 雲科創意生活設計系

其他專長

英文與馬來文翻譯

英翻中作品連結
15 傅雷翻譯比賽(英文組)- 入圍  

16 財團法人資訊工業策進會 -馬來文接案翻譯  

16 台東IRONMAN TAIWAN 70.3 鐵人三項 - 英語志工 

16 OH!Study春季教育展高雄場 - 翻譯大使  

16 高雄旅展洽談會 - 口譯人員 16 台灣國際遊艇展 - 實習工讀生 

15 亞洲智慧生活國際學院 - 隨行翻譯 

15~17文藻外語大學 - 英文系 暨翻譯會展學程 

TOEIC多益英語測驗:765分


婚禮主持主唱

超過五十場以上的公開歌唱表演經驗 

20.08.27 微醺彈唱之夜 沐月書店 - 水羊樂團 主唱

17.10.21 台南 龔黃婚禮 - 主持主唱 

17.05.10 我就是找不到熱忱 講座 - 司儀 

16.11.26 台南 林陳婚禮 - 主持主唱 

16.10.29 第15屆河堤社區慈善音樂晚會-主持 

16.10.16 彰化 謝陳婚禮 - 主持主唱 

16.05.25 NLP複製卓越工作坊 - 司儀 

16.05.14 新北 張金婚禮 - 主持主唱 

16.03.20 台南 李周婚禮 - 主持主唱 

15.12.23 校園職涯講座 畢業,然後呢?-司儀 

15.12.05 高雄 江鍾婚禮 - 主持主唱 

15.05.20 寒軒國際大飯店 獅子會例會 - 司儀 

15.12.15 大型校園音樂會聖音現象 -樂團歌手 

15.12.05 Madker Live House - 樂團駐唱  

15.10.18 高雄中秋晚會 - 表演歌手 

15.10.04 漢來飯店扶青團首敲典禮 -表演歌手 

15.06.05 漢來飯店獅子會授證典禮 -表演歌手 

15.05.09 高雄婚禮 - 樂團歌手 

15.03.27 文藻化雨堂大型表演 - 表演歌手 

14.11.06 中央公園 - 街頭駐唱 

14.11.02 Caffe Bene鳳山店 - 駐唱歌手 

14.10.19 旗山天后宮 - 街頭駐唱 

14.10.14 屏東婚禮 - 樂團歌手 

14.09.27 高雄晶頂101婚禮 - 樂團歌手  

11~12 馬謠交流站 - 表演歌手(百貨商場、街頭駐唱) 

學生時代社團活動與企劃比賽經驗


社團創辦與領導人

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

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

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


活動專案籌備團隊

16 GlobalSustainabilityJam-Tainan籌備團隊 

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

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

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

16 SDG世界咖啡館 - 總召 

15 校園職涯講座 畢業了,然後? - 副召

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

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

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





企劃比賽

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

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

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

其他參與的 設計思考培訓、戲劇表演長期訓練課程

18 19 哲學諮商訓練(哲學蹲馬步 - 褚士瑩老師 師承法國哲學家奧斯卡.伯尼菲)

19 Draft 下一張 設計人生工作坊

18 台大創新學院 設計思考課程
 
16 Design Thinking培訓課程 - Global Sustainability Jam Tainan籌備團隊

12 Taiwan Scholarship (MOE) holder

19 慾望劇團 《鐵路邊的紅花》 舞台劇 演出

19 即興大排檔 《仨角關係,那些3及參以上的…》 藝穗節 演出 

19 OK的即興劇工作室 萬華社大 長篇即興劇班 

19 勇氣即興 我們在劇場覺醒 應用即興劇系列工作坊 

18 蘋果劇團 演員培訓計劃

17 果陀劇場 舞台劇基礎表演班 

17 勇氣即興 大同社大 短篇即興劇班


Paragraph image 06 00@2x 87e77cbcc732097bbd3c1ea0cc62ddde26e5adb1eceee8497e66e58206763cfd
Paragraph image 06 01@2x 13ec779ca27733557a5d2830d84049bfdfc54edd6ade36ee5766eea97298cf4a
Paragraph image 06 02@2x 3081b368fb6b38d988063c1300041f0c2b0cb92aae2fac6f55abc21c8e235124

簡報設計授課現場

左一:擔任 國立交通大學 創新創業社 簡報設計課 講師
左二:擔任 台灣科技大學 學生會 懶人包製作與設計課 講師 
左三:擔任 屏東大學 人際與溝通通識課 簡報設計課 講師

Powered by CakeResumePowered by CakeResume