About me

Yao Hsien Hsieh (Laxative Hsieh)

Intergrated Game Project Platform

對於助教們:

  • 不用手動批改學生們的作業
  • 可以統一從 Database 得到學生的成績
  • 能夠有方便的平台公告事項

對於學生們:

  • 可以隨時上傳作業
  • 可以馬上得到成績
  • 可以無限制的提交,直到成績滿意為止

User Story

  • 透過 GitLab 統一存放學生們的程式碼,並透過 GitLab CI/CD 來進行自動評量
  • 前端發送 request 至 API Server,透過 GitLab API 獲取 repo commit 資訊 / 觸發 CI/CD 流程

評量功能

查詢成績

公告事項介面

  • 為了方便線上編輯以及使用助教們習慣的方式,使用 marked & highlight.js 來解析 markdown 資料
  • 每次結束編輯後,會將 markdown 資料傳至後端 DB 儲存,並於開啟介面時,向後端索取資料後顯示

Apr. 2020 - May. 2021

Chungyo group, Software developer

  • 網頁遊戲前端開發 / 重構 
  • 協助導入 Git 團隊規範
  • 團隊內部網頁工具開發

網頁遊戲前端開發 / 維護

  • 使用 Typescript 以及 cocos2d library 進行網頁遊戲前端開發
  • 使用 PureMVC 框架針對專案架構進行設計
  • 將舊遊戲前端與新遊戲後端進行介接

協助導入 Git 團隊規範

問題點:

  • git commit 訊息格式沒有統一,commit 不好尋找
  • 上版過程中,常常漏剪 commit
  • 不容易退版

提出方案:

API 機器人管理平台製作

  • 使用 Vue.js, ElementUI 製作管理平台前端頁面

  • 與後端工程師討論所需要用到的 API 以及資料格式

  • API 串接與防呆

  • CORS 問題解決

​工程師後台系統製作

  • 使用 Vue.js, ElementUI 製作系統平台前端頁面

  • 協助後端工程師處理 database CRUD 操作

團隊內部網頁工具開發

Jul. 2021 - Aug. 2021

Yi-spaces, Frontend Engineer

  • 團隊舊專案 - 建立一頁式網站平台系統 重構 
  • CRM 系統開發

團隊舊專案 - 建立一頁式網站平台系統 重構

問題點:

  • 開發上使用傳統 Multi-Page 的模式,專案難以維護及開發新功能
  • library 透過 CDN 引入,管理上較為不便

重構:

  • 透過 Vue-cli command line tool 針對整體專案進行重構
  • 使用 vue-router 將眾多頁面檔案修改成 vue component,再透過 router 進行動態更換

CRM 系統開發

  • 前段使用 CoreUI Admin 模板,搭配 React.js 對內容進行客製化動作
  • 透過 redux 針對共用狀態進行管理
  • 後端使用 C#、.net 進行開發

week1: 番茄鐘 | demo

  • Practicing using Vue3 + Typescript + vue-utils(jest) to implement pomodoro.

​week2: 新接龍 | demo

  • Practicing using react hook to implement freecell.

week3: 音樂撥放器 | demo

  • Using Vue3 composition API, typescript, & pug to develop player.

​week4: 線上支付 | demo

  • Using react hooks, react-router, and redux to develop project.

F2E 2nd week 1-4

self-introduction

By Yao-Hsien Hsieh

self-introduction

  • 189