鄭哲安 Nixon

Hello~我是Nixon，理工科背景使我擅長處理邏輯以及專研技術，致力於打造體驗良好的前端畫面，擁有獨立開發以及與後端協作之經驗，目前正積極尋找前端工程師的機會。

  [email protected]

   New Taipei City, Taiwan

  

作品

Simple Twitter

github | Demo

前後端分離協作專案，採scrum開發流程，前端採Vue開發，後端採express，restful API ,資料庫MySql。

  • 規劃Vue Components結構以及Css共用樣式以及RWD規劃角色。
  • 為前端加入適當動畫以及UX優化，畫面讀取時顯示loading動畫，任何操作都會出現適當的樣式提醒用戶，目前的動作是否被執行。
  • 優化路由的導轉邏輯，無註冊的使用者無法直接進入網頁，使用者與管理員都無法進入雙方的平台。
  • 設計使vuex在不儲存大量資料情況下，同步component之間的狀態。
  • socketIO實作公開聊天室功能

ShoppingCart

github | Demo

前端購物車頁，模仿購物車功能。純js html開發，MVP架構，使用mocha TDD測試開發。

  • 優化表單的UX，表單防呆機制提醒用戶資料填寫正確。
  • 設計TDD測試案例，確保程式的邊界與強度。
  • 重構系統，設計物件導向風格，MVP架構，分離畫面邏輯與商業邏輯。
  • 暫存資料功能，重新登入畫面會回到上一次登入的狀態。

simple Trello

模仿trello workspace頁面，實作drag and drop，採用React + MUI，正在開發當中。

  • react typescript，嘗試design pattern設計(composite)，管理workspace資料結構。
  • viewModel管理畫面狀態
  • 拖曳卡片功能

其他作品

FindCoahes

github | Demo

模仿教學平台，能夠查詢教師以及與訊息教師，前端採Vue開發，資料庫fireBase realtimeData,網站部署使用fireBase Hosting。

  • 使用Vue compositionAPI開發
  • 使用firebase realtime做網站的database儲存資料，以及部署裝站firebase Hosting

Flip Card

github 

使用typescript製作小品遊戲。

  • 設計typescript開發，mvc架構，desgin pattern(State)，控制使用者不同狀態下的功能
  • Figma製作像素花色svg

專業技能

level

Medium 能夠輕鬆使用70%功能，不懂的能夠快速解決

Basic 使用過

front-end skill

HTML, CSS, Bootstrap , SCSS

 Javascript , Typescript 

Vue , React

Nuxt.js , Socket.io, Mocha , JQuery, 

React-Native

tools

Git

Webpack , Docker

dataBase

Json Server

MongoDB , MySQL

學習經驗

Oct 2021~Mar 2022

Alpha Camp全端開發課程

線上學校

學歷

2016 - 2020

國立高雄科技大學

機械工程系

Powered By
CakeResume