
關於我
我以 React、Next.js 和 TypeScript 為核心,打造現代 Web 應用程式與 AI 驅動的解決方案。
我每天使用 Claude Code、Cursor 和 Codex 等 AI 工具,並結合扎實的工程能力與 UX 判斷,打造永續、高效能、安全且無障礙的應用程式。無障礙是我的專長之一:我依據 WCAG 2.2 AA 標準建置及稽核介面,並熟悉《歐洲無障礙法案》(European Accessibility Act)與 EN 301 549 標準。
我取得的認證包括 Anthropic Education 的「Claude 101」、「Claude Code in Action」和「AI Fluency: Framework & Foundations」,另外也完成了 Udemy 上的 JavaScript、Clean Code、CSS、Next.js & React 以及 Docker & Kubernetes(Academind)等課程(2022 年)。
我同時拍攝底片與數位照片;其他興趣還包括 AI 與新興科技、經濟與時事、旅行、公路單車和學習語言。攝影尤其影響我對視覺與介面的思考方式。
您也可以向您的 AI 助理詢問我的工作:本網站提供一個 MCP 伺服器,可新增到 Claude、ChatGPT、Cursor 或 VS Code。
– 至今
LYNX · 比利時根特(混合辦公)
參與開發 LYNX 交易平台(客戶用來投資與交易的應用程式),使用 React、Next.js、TypeScript 和 Tailwind CSS。在 Storybook 中開發元件,並兼顧無障礙(WCAG 2.2 AA)。AI 輔助開發是工作的核心,每天使用 Claude Code 等 AI 程式設計代理。目前正在學習 Java,以便也能參與後端開發。
–
比利時聯邦司法部 · 比利時根特
透過開發 Next.js 應用程式(例如用於管理營運預算的 CourtBudget)改善流程並推動數位化。為司法機關製作 Power BI 資料視覺化,並管理 SharePoint 環境。
–
AdvantITge · 比利時根特
在 sparonline.be 品牌重塑期間主要負責前端開發。建置對外公開的商業網站:LegalSquare、Gronddepot。開發 LegalSquare 案件管理應用程式的多個模組。使用 Playwright 為 LegalSquare、SPAR 等專案撰寫端對端測試。負責公司的 LinkedIn 行銷。
–
Vanden Broele · 比利時布魯日
參與 eGovFlow(為政府打造的數位化平台)的前端開發,包括一個供市民與地方政府溝通的訊息模組。在 eGovFlow 專案中導入 Tailwind CSS 和 Vite。參與 Scan Search Online(數位城市檔案)和 Expertcenter(講師平台)的前端工作。
- Vue.js
- .NET Core
- C#
- JavaScript
- +2
–
AdvantITge · 比利時根特
獨立開發 React 專案,這些專案後來整合進當時正在開發的 LegalSquare 案件管理應用程式。使用 React Native 開發行動應用程式。
- Next.js
- JavaScript
- React
- React Native
- +3
–
–
學歷
我受過正規的程式設計教育,並透過持續自學與實務經驗不斷精進。
- 優等成績(Cum laude)
–
程式設計副學士學位
Odisee · 比利時布魯塞爾
以實務為導向的軟體開發課程,著重 Web 應用程式、程式設計、資料庫與專案實作。
專案
我在不同情境下參與過的部分專案。
技能
我日常工作涉及的技術領域概覽。
軟體開發
使用 React、Next.js、TypeScript、Tailwind CSS、TanStack、Angular 和 React Native 進行全端開發。使用 Convex、Hono.js、Supabase、GraphQL、Hasura、Node.js、Express 和 .NET Core 建置後端與 API;在 Storybook 中開發元件;使用 Playwright、Vitest 和 Jest 進行測試;雲端平台涵蓋 Vercel、AWS、Docker、GCP 和 Azure。
UX 設計
在 Figma 和 Adobe Creative Cloud(Photoshop、Illustrator、XD)中進行以 UX 為導向的設計,將使用者需求轉化為清晰的流程與介面。
網頁無障礙
依據 WCAG 2.2 AA 建置及稽核介面:語意化 HTML、在有助益時使用 ARIA、鍵盤與螢幕閱讀器測試,以及提出可行修正建議的稽核。熟悉自 2025 年 6 月 28 日起施行的《歐洲無障礙法案》以及 EN 301 549 標準。
AI 與機器學習
資料與分析
使用 Power BI、PostgreSQL、PostHog 和 Google Analytics 進行資料視覺化與產品分析,著重實用的洞察與清晰的儀表板。
攝影
底片與數位攝影,包括宣傳與行銷用途的拍攝(例如旅遊產業)。
語言
荷蘭語(母語,C2)、英語(C1)、法語(B1)、德語(A1)、葡萄牙語(A1)。持續學習更多語言。
技術
我近期工作與專案中使用的主要技術與工具。
程式語言
07- TypeScript
- JavaScript
- HTML
- CSS
- SQL
- Python
- C#
工具與技術
29- React
- Next.js (App Router)
- React Native
- Tailwind CSS
- TanStack
- Angular
- Convex
- Hono.js
- Supabase
- GraphQL / Hasura
- Node.js / Express
- .NET Core
- Playwright
- Vitest / Jest
- Storybook
- Vercel
- AWS
- GCP / Azure
- Docker
- Git / GitHub
- Power BI
- PostgreSQL
- PostHog / Google Analytics
- AI 輔助開發
- Figma
- Adobe Photoshop / Illustrator / XD
- Puppeteer
- 無障礙(WCAG 2.2、EAA)
- SEO / GDPR 法規遵循




