Thomas

どこかで、きっと、また。

Back to Projects

COMMERCIAL PROJECT · 2025

人事系統擴充與升級

HR System Upgrade

人事系統功能擴充與架構升級

企業內部人資系統的功能擴充與架構升級。除了 Angular 版本升級，也包含架構優化調整、核心套件如 Kendo UI 升級，以及客製化考試模組與共用元件擴充。

ROLE
前端開發工程師
CLIENT
Internal HR
YEAR
2025
UPGRADE
11 → 19
UI
Kendo / Material
STATUS
Maintained

Overview專案概述

針對既有人事系統進行功能擴充，開發客製化考試模組、共用元件與管理流程，讓內部作業可以支援更多情境。

參與 Angular 11 至 Angular 19 升級，包含架構優化調整、核心套件如 Kendo UI 升級、舊有程式結構調整與元件使用方式收斂。

TECH STACK使用技術
  • Angular 11-19
  • TypeScript
  • RxJS
  • Angular Material
  • Kendo UI
  • Signal
FEATURES產品功能

  • 客製化考試模組

  • 擴充型共用元件

  • Angular 版本升級

  • Kendo / Material UI 整合

My Contribution我負責的事

  1. 01開發客製化考試模組與可擴充共用元件，提升內部流程彈性。
  2. 02參與 Angular 11 至 Angular 19 升級，處理架構優化、Kendo UI 等核心套件升級與舊有架構調整。
  3. 03重構多處舊程式結構，讓後續功能開發更一致且易維護。

Problems & Decisions問題與決策

長期維護中的企業內部人資系統。工作範圍包含功能擴充、架構優化、Angular 版本升級、Kendo UI 等核心套件升級、舊結構整理與共用元件調整，並保持既有 HR 流程可用。

CHALLENGES過程中處理的問題
  1. 01

    在既有大型系統中維持相容性，同時逐步清理舊結構。

  2. 02

    跨版本升級時處理套件、元件 API 與樣式差異。Case 01

  3. 03

    以可擴充元件承接客製化考試流程需求。

  1. CASE 01

    Angular 與核心套件升級

    Finding
    系統需要從 Angular 11 升級到 Angular 19，並處理 Kendo UI 等核心套件升級，牽涉元件 API、樣式、相依套件與既有寫法調整。
    Decision
    分段處理 Angular、Kendo UI 與相關套件升級，逐步修正 API 差異、樣式差異與相依問題，避免一次性大改造成既有流程不穩。
    Result
    參與完成 Angular 11 至 19 升級，並處理 Kendo UI 等套件的 API、樣式與相依差異。

  2. CASE 02

    架構優化與舊結構整理

    Finding
    長期維護系統累積了舊結構與不一致寫法；若只做版本升級，後續新功能仍會被舊邏輯與元件邊界拖住。
    Decision
    在升級與功能開發過程中同步整理舊有程式結構、元件使用方式與共用邏輯，將能收斂的流程逐步統一。
    Result
    整理舊有程式結構、元件使用方式與共用邏輯，並將可共用的流程逐步統一。

NEXT PROJECT下一個專案

TalentMatch

Talent Match Platform

以課程為導向的才藝媒合平台，實作即時聊天、課程預約、Google 登入與 ECPay 付款。

  • Angular
  • Standalone Components
  • Lazy Routes

Open to opportunities,
collaborations, or just a friendly hello.

Get in Touch