張敦凱

Front-End Developer

上大學後開始接觸程式,持續探究程式對自己的可能。

  Taichung City, Taiwan

    



Front-end

  • 近三年的 React 開發經驗;
    並熟悉其生態系如 NextJS, Zustand。
  • TypeScript 為主要開發語言
  • CSS, Sass, styled-component, Tailwind CSS
  • Axios
  • Postman、Proxyman

Others

  • Git,GUI 使用為主,command line 為輔
    了解 commit, checkout, pull, push, force-push, rebase, cherry-pick
  • GTM campaign 的基本建立和嵌入

工作經歷

Front-End Engineer

17LIVE_藝啟股份有限公司  •  July 2022 - March 2024


Responsibilities

  • 製作活動用 React Web-App,幫助公司增加營收
  • 減少系統的 bug;搭配 online code review tool,讓內部系統 repo 的 bug 數量減少 10% 
  • 與資深工程師合作;將服務從外部託管搬移回公司內部部署,以減少公司開銷

前端工程師

納思科技有限公司  •  August 2021 - June 2022


Responsibilities

使用前端技術處理外包案件以及公司產品的開發。

  • 依照客戶需求並配合既有架構來撰寫React專案;負責UI Layout及互動邏輯,api資料的sorting。
  • 公版網站的開發,使用工具為php,ES6,JQuery,Sass。
    一手包辦版面設計規劃,配色,切版和RWD。

實習工程師

愛月嫂股份有限公司  •  July 2019 - August 2019

Responsibilities

暑假期間擔任實習工程師。
負責將設計好的靜態網頁轉到ASP. NET MVC的架構內。

實習期間有使用到Google Map API以及使用C#撰寫爬蟲程式。

學歷

2016 - 2021

元智大學

資訊傳播學系 科技組

作品集

台中道路施工地圖

Demo Link

可查詢台中市當日施工的位置及資訊

使用React和Sass製作。並使用Fetch API抓取台中市建設局的公開資料作為資料來源。


Mini Game : 兔子與獵犬

Demo Link

點擊獵犬圖示即可開始遊戲。
使用Canvas API和JS製作。

玩家有兩方,兔子和獵犬,可以點選棋子來進行移動。
獵犬方有三個棋子,每回合只能擇一移動。並且獵犬不能往回走。
兔子方只有一個棋子,沒有移動限制。


兩方的獲勝條件分別是:
兔子 : 脫離獵犬的包圍或是生存超過30回合。 
獵犬 : 包圍兔子使兔子無法移動。


大學選課頁面

Demo Link

大學在學期間的期末作業。
使用HTML,JQuery,CSS製作。

可拖曳左側的學分卡至表格上或是點選表格來選課。

Mini Game : Ball Adventure

Demo Link

使用Unity製作的小遊戲。
用WASD來控制方向。 
利用偵測區和Destory函式來實作。


玩家必須在小迷宮內尋找到達終點的正確路徑,如果走錯,玩家會爆炸。


公司專案 : 公版網站1

Demo Link

公司產品之一;
使用PHP,Sass,JQuery製作。

Demo為靜態網站。

以機械產業為主題,賦予剛直和俐落的氛圍。

公司專案 : 公版網站2

Demo Link

公司產品之一;
使用PHP,Sass,JQuery製作。

Demo為靜態網站。

蔬食餐廳為主題,以活潑健康的感覺為出發點。