Xbi4hrmjmpvvhyhygsl5

劉奕德 (Denny Liou)


  1. 多元的前端開發經驗：在不同類型的專案歷練之下，使用不同的框架或套件解決客戶的需求，像是 React Native / Flutter 等跨平台的開發或是利用 Panolens.js 製作 360° 環景導覽網站。 
  2. 協同合作經驗：善用主流溝通工具 Slack、Trello、Figma 作為團隊溝通及任務的追蹤。 
  3. 專案品質要求：遵循基本 Git Flow 與嘗試導入 TypeScript 來確保程式碼品質。 
  4. 自我學習能力：利用空閒時間，將所學到的技術或知識分享到個人網站，將輸入轉換為輸出。

  GitHub 

  [email protected]   

技能列表

前端

  • HTML
  • CSS  ( with Tailwind CSS )
  • JavaScript 
  • React ( with Redux )
  • React Native 
  • TypeScript 
  • Flutter 

後端

  • Node.js (with Express)
  • MongoDB (with mongoose)
  • Firebase

 

開發工具

  • Visual Studio Code
  • Git
  • GitHub
  • Trello
  • Slack
  • Postman
  • Bitbucket

語言能力

  • Mandarin(母語)
  • English (TOEIC 880)

工作經歷

香港商團博手機應用有限公司，前端工程師，2022/09 - 在職中

  • msowner-website 物業大樓管家系統 
  1. 使用 Next.js + Tailwind CSS 開發網站前端 UI 
  2. 提供公共設施預訂功能，住戶可線上預訂健身房、游泳池、KTV 等設施，提高預訂效率。 
  3. 提供訪客臨時車位登記功能，住戶可線上登記訪客車位，方便訪客進出。 
  4. 提供社區活動公告功能，住戶可查看社區活動資訊，參與社區活動。 
  •  mspatrol 派工系統 
  1. 主要使用 React Native + Redux Toolkit 開發前端 UI 介面。 使用 Expo Camera 提供相片預覽、客製化標記與塗鴉等功能，提高工程人員的施工紀錄效率。 
  2. 使用 Expo Audio 讓工程人員可以直接在 App 內錄製音訊，減少溝通上的錯誤。 
  3. 使用 Expo SQLite 來儲存個人化設定，提高使用者體驗。

浚鋐網路科技有限公司，前端工程師，2022/03 - 2022/07

  1. 食品原物料訂貨 App 使用 React Native + TypeScript 負責開發前端頁面與功能。 並利用 Expo framework 加速專案環境配置與開發流程。 實際串接後端 API 以完成 CRUD 等基本功能。
  2.  WorkHeart 交友軟體 利用 expo-notification 套件實現訊息推播功能，提高用戶黏著度。 使用 react-native-location 套件實現 GPS 功能，提供用戶配對的地區。 使用 Firebase 串接資料，提高開發效率。 
  3.  一沐日飲料點數兌換 App 使用 Flutter 負責開發前端 UI 介面。

原人股份有限公司，前端工程師，2020/10 - 2022/03

  1. LUCI GROUP 公司形象網站 使用 Vanilla JS 獨立開發前端畫面與功能，提升企業品牌形象，網站內容包含企業簡介、產品服務、聯絡資訊等，並提供線上客服功能。 
  2.  INHOWS 室內定位 CMS 後台管理系統 負責規劃及透過 Vanilla JS 開發前端頁面與功能，提供企業內部員工管理 App 的功能。功能涵蓋帳號管理、圖資中心、統計圖表等，滿足企業對後台的管理需求。

富潤股份有限公司，國貿業務人員，2018/3 - 2019/6

  1. 負責與國外廠商的關係維護、打樣以及訂單出貨處理等相關事宜。 
  2.  同時與生產部門、設計部門、品檢部門進行跨部門溝通，並在時程內順利交貨給廠商。

作品集

Paragraph image 01 00@2x

Expense-tracker (2022) (Demo/GitHub)

簡介: 本專案以 MERN (MongoDB、Expressjs、Reactjs、Nodejs) 作為核心的練習主軸，並使用 Vercel、Netlify 部署。


Paragraph image 01 00@2x

簡易計算機 (2022) (Demo/GitHub)

簡介: 本專案以 React 作為核心的練習主軸，並使用 Create React App 建置。

Paragraph image 01 00@2x

音樂作品介紹 (2022) (Demo/GitHub)

簡介: 可瀏覽目前所有的音樂簡介及詳細頁面。

練習重點: 本專案以 Redux 作為核心的練習主軸，並使用 Create React App 建置。 
Paragraph image 01 00@2x

音樂收藏網站 (2021) (Demo/GitHub)

簡介: 本專案以 React 作為核心的練習主軸，並使用 Creat-React-App 建置。


技術重點

  • json-server 模擬 RESTful API 串接
  •  React-Bootstrap 完成大部分 UI 
  • react-router-dom 實作路由切換功能。
  • react-fontawesome 完成大部分 icon 。
  •  clsx 實現動態顯示 className。
  •  styled-component 撰寫 css-in-JS 。
Paragraph image 01 00@2x

音樂資訊交流平台 (2020) (Demo/GitHub)

簡介: 音樂資訊交流平台。使用者可以瀏覽目前架上的音樂，分門別類、查看單一專輯資訊、收藏喜愛的專輯、瀏覽最新動態消息、關注其他使用者。


專案重點

  • RDBMS資料庫操作(MySQL with sequelize) 
  • 製作提示訊息(connect-flash)
  • 生成假資料(faker.js)
  • 上傳圖片功能(multer、imgur-node-api)
Paragraph image 01 00@2x

美食餐廳評論網 (2020) (Demo/GitHub)

簡介: 美食餐廳評論網是一個用 Vue.js 框架實作 SPA 網站的專案，使用者可以依照類型瀏覽好吃的美食資訊。

Paragraph image 01 00@2x

Simple Twitter (2020) (Demo/GitHub)

簡介: Simple Twitter 是一個以 MVC 架構開發的三人協作專案，使用 Node.js 搭配 MySQL 打造而成的復刻 Twitter 網站。

專案貢獻

  • ERD繪製
  • seeder資料設計
  • 實作使用者個人頁面功能(查看推文、回覆、喜歡的內容)
  • 實作使用者追蹤功能
  • 使用者個人帳戶設定

Paragraph image 01 00@2x

浪浪星球 (2020) (CodePen)

簡介: 一個利用純 HTML 與 CSS 刻出一般常見的網站版型。


培訓

ALPHA Camp，全端網路開發課程，2019/12 - 2020/8

積極參與課程討論並在每個學期階段達到95%以上的完課率。

University@2x

學歷

靜宜大學，寰宇管理學士學位學程(Bachelor of Business Administration)，2013/9 - 2017/9

前往新加坡擔任交換學生一年，訓練獨立自主與外語溝通能力。

University@2x
Powered By
CakeResume