David Li / 李俊德

喜歡透過不同的角度看待同一個城市｜程式，偶爾透過 Coding找找樂子

Meticulous web developer with over 4 years of full stack experience and passion for React development and glad to implement User Experience. Implemented new way to register increased numbers of registered people by 10%.

       

Front-end  Engineer / Full Stack Engineer

Taipei, Taiwan

嗨！我是一名擁有四年前端和全端開發經驗的開發者，擅長React和Next.js框架以及Ruby on Rails後端。我對響應式設計、元件庫創建和網頁動畫製作有著深厚的經歷。在金融業工作的經驗讓我更加關注網站的安全性和弱點，能夠快速解決問題並做出迅速反應。此外，獨立接案的經驗，也讓我能夠更貼近使用者，更好地理解UI/UX設計的洞見，也因此能夠與設計師合作溝通，創造更好的使用體驗，而非只是一昧的切版。

我喜歡探索新技術，只要能看到它的優點和好處，我就會積極嘗試。我很懶惰，並不是說我懶得寫code；相反的，我喜歡高效的寫code，不喜歡毫無意義的重複造輪子，所以我一直在努力學習如何寫出更加優美和高效的程式碼。

上述的經驗與特質，讓我擁有規劃和實施中型網站系統所需要的能力和技能，如果以上的這些經歷與特質讓您感興趣，也許我會是貴公司不錯的人選喔。


#React  #Next.js  #RubyOnRails  #熱愛探索新技術 #高效寫Code #獨立接案經驗 #UI/UX

程式語言

熟悉：

    Javascript       Typescript       Html       CSS       Ruby on Rails       React       Next.js       Tailwind CSS  

理解：

    Vue.js       Python       php       Webpack  

專案/版控工具

  Trello     Slack    GitLab   SVN

網站追蹤工具

   Google Analytic      GTM

設計工具

 Sketch   Adobe XD   Figma   Illustrator 

其他

   Nginx      GCP 

工作經歷

九月 2019 - Present

錠嵂保險經紀人有限股份公司 / 全端工程師（主任）

  • 主要工作內容
    • 維護公司電商平台
    • 處理需求端提出之各種需求
    • 與其他保險公司串接保單與投保api
    • 協助CRM系統前端框架製作(業務員報表呈現)
    • 規劃與施作活動推廣網站
  • 達成目標
    • 電商系統由傳統mvc 導入React 前端
    • 正在導入Next.js 與前後端拆分
    • 使用 SSR 解決 SEO爬蟲問題
    • 升級Rails 並導入Webpacker取代原有的pipeline
    • 嘗試導入Facebook、Google等第三方登入（最後因法規疑慮被並未上線）
    • 提升網站效能（PageSpeed 20分提升至60 up）
    • 在公司內推動導入GitLab 取代傳統 SVN
    • 主導統整設計規範
    • 逐步修復弱點掃描中200多條的弱點項目至零中等以上之威脅
    • 製作CRM系統前端框架 (React)更改Deploy腳本加速80%以上的Deploy時間
    • 製作個網站專屬元件庫並嘗試推廣使用 StoryBooks
    • 網站取得 ISO/IEC27001 資訊安全管理國際認證
  • 主要產品

二月 2019 - 七月 2019

星曉數位股份有限公司 / 前端工程師（兼職）

  • 主要工作內容
    • 負責公司接案之網頁前端切版與串接。
  • 達成之目標
    • 完成線上電子商務網站前端介面切版與串接
    • 整理與規劃CSS檔案
    • 使用JQuery達成部分前端效果以及前端資料驗證
    • 協助系統上線

獨立接案與Side Project

建設公司成本管理系統

一個建築公司所需的成本管理系統，提供該公司採購成本管控使用，同時可以產生簡單bom表。

  • 網頁框架 React with Redux
  • 網站功能
    • 公司管理者登入成本管理系統增估價單後上傳標單，系統辨識標單後公司管透過歷史標單或自訂標單調整關鍵字、金額，編輯完成的標單可選擇直接匯出或計算投標折數。
  • 主要工作內容：負責前端網頁製作與串接API
    •  JWT Auth處理
    • 標單歷史資料呈現與修改
    • 報價編輯與各個工項利潤之管理

首都之心 城中轉正網站

該活動為中正紀念堂競圖比賽，搭配活動期間的論壇、講座、工作紡等。此案為該活動之活動網站，包含活動簡介、評審簡介、最新消息、作品初選/決選發布等。

  • 使用技術： Next.js + TailwindCSS + Notion API
  • Server: Netlify
  • 主要功能：
    • 顯示活動相關資訊
    • 簡易內容管理系統（可使用Notion發布最新消息，最新課程/講座…等）
  • 主要工作內容：整體網站前後端規劃與施作、系統維護與上架、Server管理
    • 串接Notion API 並規劃一個Notion後台。
    • 切版與動畫施作。
    • 簡易SEO處理與GA串接
    • 網站部署與 SSR 細部設定
    • 後期網站維護

活動抽獎網站

提供如尾牙、春酒等線上或線下活動使用，包含可客製化的全螢幕抽獎動畫、後台的抽獎管理用以管理名單、領獎、簽到等，以及一組配套的Line官方帳號，提供參與者進行簽到、中獎查詢等功能。

  • 使用技術 Next.js + GraphQL + ApolloServer + TailwindCSS + NextAuth
  • Server: AWS RDS + Vercel
  • 主要功能：
    • 依照活動現場，或直撥的螢幕解析度客製化一到多組抽獎動畫
    • 提供抽獎獎項的微調，如必須參與成員必須簽到、不同參與者中獎機率微調、可否重複中獎判定等。
    • 提供客製化的 Line 官方帳號，用於領獎，活動簽到，中獎查詢等
    • 提供“彈幕”功能，可透過 Line 官方帳號發送彈幕，可在抽獎時程現在抽獎畫面。
  • 主要工作內容：與業主接洽、前後端API資料庫規劃與開發、協調設計師、活動當天技術協助
    • 資料庫規劃與建立
    • 使用Next.js api 建立 Apollo Server
    • 製作 GraphQL Server
    • 負責抽獎動畫的製作、協調設計師產出影片或部分動畫素材
    • 抽獎邏輯規劃
    • 建立需登入的完整後台（Google OAuth2）
    • 建立與設定 Line 官方帳號
    • 與業主溝通
    • 活動當天技術協助
  • 目前已成功協助5場以上的春酒/尾牙/業務大會等活動。

學歷

2015 - 2017

雲林科技大學

資訊管理所 碩士

2013 - 2015

雲林科技大學(二技)

資訊管理系 學士

2013 - 2008

台中科技大學(五專)

資訊管理科 副學士

Powered By
CakeResume