鄭國彬 Guo Bin

[email protected]

嗨,我是Bin,喜歡閱讀學習新知識,熱愛思考以及享受解決問題的成就感。平時下班時間自學程式,善於利用搜尋引擎,閱讀中/英文文件(TOIEC 750)來解決程式上的疑問。

目前能夠使用HTML、CSS/SCSS、Javascript做出具互動性的RWD網頁。並熟知DOM元素操作、JS基本觀念包含 FetchAPI、Event loop、Promise、Async function、Scope、Closure、Call stack、Hoisting.....。

前端框架使用React,熟悉React hook。使用Redux/Redux-Toolkit來做狀態保存及處理、React-router-dom做路由操作。

技能 


前端

  • HTML
  • CSS/SCSS
  • RWD
  • Javascript/ES6
  • EJS

前端框架

  • React/Redux

後端

  • Node.js
  • MongoDB
  • RESTful API

作品 




筆電購物網

前端

  • 使用React框架實現前後端分離
  • 使用Redux/Redux-toolkit來做數據狀態的處理及保存
  • 使用axios串接後端API,來存取數據。
  • 使用JWT Token來保存使用者當前登入狀態。
  • 使用React-router-dom做路由操作。
  • DOM element操作
  • RWD

後端

  • 使用node.js/express實作後端伺服器
  • 使用 Jwt做使用者登入
  • 使用passport.js做登入驗證
  • 使用mongoose串接mongoDB Atlas存取資料

  https://react-app-bin.herokuapp.com/

  https://github.com/Guo-bin/react-app


調色盤

功能與技術

  • 隨機產生16進位碼顏色
  • 可以鎖定色塊
  • 使用pointer事件讓色塊可拖曳交換位置
  • 用LocalStorage儲存顏色組合
  • 色塊改變後可以恢復
  • 點擊複製顏色16進位碼
  • RWD
  • 所有功能都由原生JS寫

  https://guo-bin.github.io/

  https://github.com/Guo-bin/guo-bin.github.io




PC網頁PC端
移動端網頁移動端(RWD)

學歷

 2015- 2019

逢甲大學 Feng Chia University 

光電工程學系 (畢業)