NoZ

YuXuan Lin 林育瑄

對於前後端開發,有極大的熱情與興趣,總是讓各種專題不再只是數據、想法,而是更具完整性的系統,另外也樂於分享學習新知,曾參與過工作室 JavaScript 讀書會並擔任導讀。

NoZ915

經驗

新加坡商鈦坦科技|軟體實習工程師

  • 參與並維護超過 10 項內部系統,涵蓋前後端功能優化與使用者體驗提升,持續累積大型專案開發經驗。
  • 主動挑戰歷年技術債,成功解決因 IIS 29 小時回收機制導致 Session 遺失、表單資料消失的多年疑難 bug,改善資料穩定性與使用者信賴度。
  • 運用 BroadcastChannel API 建立跨分頁資料同步機制,有效提升表單一致性與操作效率,並將知識系統化整理後主動分享給實習團隊,促進技術傳承。
  • 在無法導入 UI 套件的舊專案中,以 jQuery 撰寫通用的表格排序功能,成功為系統多個頁面增強互動性與可用性。
  • 與實習生夥伴一同開發全新微服務,使用 ASP.NET Core 整合公司員工資料與組織架構資訊,支援其他內部系統查詢與調用。
  • 熟悉 Git 操作與版本控制,專案皆透過 Git 進行團隊合作與 CI/CD 自動化部署流程
  • 透過重構資料匯出邏輯,減少 DB 存取次數、導入 cache 儲存重複資料,並以 HashSet 提升資料對應效率,將執行時間從 10 分鐘降至 1 分鐘內

好想工作室 Web Camp | 學員

專案

TAINAN選

TAINAN選

已正式上線之選課評價系統

2025/03 ~ 2025/05

一個專為臺南大學學生打造的選課評價平台,提供課程搜尋、瀏覽、收藏、與撰寫評價功能。使用者登入後可查看個人收藏與評論記錄。

TypeScriptReactTanStackMantineExpress JSSequelizeMySQLZeabur
題庫選題於平行測驗建置

題庫選題於平行測驗建置

基因演算法 (Genetic Algorithm)

2024/05

利用基因演算法來幫助選題,並且可用於平行測驗的建置中,讓使用者從題庫中一鍵按下,同時產生兩份難度相當,且題目完全不重複的考卷,使用場景例如教師需出兩份試卷,一份用於補考學生, 使難度符合公平性外,也使題目不重複出現而無曝光性。

React JSMUINode JSExpress JSMongoDBZeabur
診斷型測驗推算學習錯誤原因

診斷型測驗推算學習錯誤原因

貝氏機率 (Bayesian Probability)

2024/03 ~ 2024/04

利用貝氏機率診斷學生學習錯誤原因。教師可新增題目與錯誤類型,學生作答後,系統即時以貝氏機率計算各錯誤類型的熟悉度,並預測答對率。測驗結束後,會依據不熟悉程度排序錯誤類型,並提供對應說明與教師提供的學習影片協助複習。

ReactMUINode.jsExpressMongoDBZeabur
BinGo併電商網站

BinGo併電商網站

快速找人一起併單、團購的平台

2023/12 ~ 2024/01

一個讓使用者可以快速找到人一起免運、併單、團購的平台,主要負責後端以及前端部分重構。

EJSCSSJavaScriptNode.jsExpressMongoDBZeabur
手寫辨識系統

手寫辨識系統

神經網路 (Multilayer Perceptron)

2023/09 ~ 2023/10

使用原生JavaScript (Without AI Framework)實作MLP,並將MNIST資料集讀入之後作訓練,且搭配p5.js供使用者可以在網頁中寫上數字,以及利用CSS視覺化成果。

MLP (Multilayer Perceptron)JavaScriptHTMLCSSp5.js
百年南遇 Pah Nî Lâm Gū

百年南遇 Pah Nî Lâm Gū

基於PixiJS與LINE Bot之解謎遊戲

2022/02 ~ 2023/01

一款自製解謎遊戲,從遊戲腳本、美術設計到程式設計皆自行完成。主要由pixi.js以及操作HTML DOM元素、CSS來完成網頁遊戲之畫面,而遊戲媒介則透過LINE Bot完成,背後則透過Express做為後端框架來建立伺服器連接,並將LINE Bot部署在Heroku這個雲平台上。

HTMLCSSJavaScriptPixi.jsExpressHerokuLINE Bot
登革熱學習管理系統網站

登革熱學習管理系統網站

遊戲式互動測驗平台

2022/10 ~ 2022/12

為一學習管理系統,從學習情境、課程內容設計,網站前後端架設皆自行完成。該網站包含學習互動(影片教學、問答、遊戲式互動測驗)、成績紀錄與排行榜、留言板、登入 / 註冊頁面

HTMLCSSDIVEJavaScriptdiveLinkerPHPMySQLphpMyAdminCookieXAMPPngrok
臺灣旅遊導覽

臺灣旅遊導覽

結合交通部運輸資料API

2021/10 ~ 2021/12

透過 JS 串接交通部提供的 api,ajax 實現方法則用了 axios 的套件,地圖用了 Leaflet 這個 js 框架,以及地圖資料使用了openStreetMap, 而定位的部分則是使用了navigation web api

HTMLCSSJavaScriptaxiosLeafletOpenStreetMapNavigation Web API
記憶遊戲進階版

記憶遊戲進階版

擁有角色互動之記憶遊戲

2020/10 ~ 2020/12

藉由 JavaScript 完成的記憶遊戲,再加上 CSS 加入血條 與會變色的腳色,將一般的記憶遊戲又更添樂趣。以及 利用 localStorage 將分數紀錄,讓玩家可以再次挑戰自 己的分數!

HTMLCSSJavaScriptjQuery
迷宮打怪喝藥水

迷宮打怪喝藥水

DIVE平台結合JavaScript之打怪遊戲

2019/10 ~ 2019/12

利用學校實驗室開發的 DIVE 平台完成之遊戲,並且搭配 JavaScript 來串接個個專案,達到可以跳轉地圖的功能。

DIVEJavaScript

技能

語言

JavaScript
TypeScript
HTML
CSS
C#

前端

React
Next.js
Vue.js
shadcn/ui
MUI
Mantine
Vuetify
Quasar
Bootstrap
PixiJS
jQuery
TanStack Query
Redux
Zustand
React Router

後端

Node.js
Express.js
ASP.NET MVC (.NET Core)
MongoDB
MySQL
MSSQL
Mongoose
Sequelize

開發/部署工具

Git
GitHub
GitLab
Vercel
Heroku
Zeabur

設計工具

Photoshop
Illustrator
InDesign

教育

國立臺南大學 數位學習科技學系

2019/9 ~ 2024/6

語言

TOEIC Listening & Reading Test: Score 800