精選作品
專案
我在不同情境下參與過的部分專案。
類別
狀態
全部 40 個專案
專案列表
法律與公部門
前往司法財產管理指數化計算器
依據比利時消費者物價指數對金額進行指數化調整的專業計算器。此工具特別適合需要依法律規定根據通貨膨脹調整報酬及其他金額的司法財產管理人與法律專業人士。它可根據官方指數數據，計算兩個日期之間的指數化金額。
ReactNext.jsTailwind CSS
個人專案
婚禮管理應用程式
功能完整的婚禮管理應用程式，提供個人化喜帖、賓客管理、出席回覆追蹤、座位安排、費用總覽、待辦清單及相關統計。此應用程式結合對外公開的喜帖體驗，以及用於籌備與後續追蹤的管理後台。
精選未公開Next.jsTypeScriptConvexClerkTailwind CSSTanStack TableRecharts
法律與公部門 · 比利時聯邦司法部
前往Bewindvoeringen.be
司法財產管理資訊平台
關於司法財產管理（bewindvoering）的資訊平台，附有依據比利時法律計算報酬的計算器。網站提供司法財產管理支援中心的入口、東西法蘭德斯省的相關指南，以及為 CRBP（人身保護中央登記冊）產生 PDF 文件的工具。平台目前處於 Beta 測試階段，提供有關指數化與特殊服務的資訊。專為治安法院與財產管理人開發。
精選ReactNext.jsTailwind CSS
個人專案
前往Birth Date Analyzer
互動式年齡計算器
互動式 Web 應用程式，可根據輸入的出生日期計算年齡及各種有趣的統計數據。此工具會顯示一個人已經度過的天數、週數、月數和年數，計算下一次生日，並以美觀的方式呈現其他與時間相關的資訊。
ReactNext.jsTailwind CSS
客戶專案
前往Chambord & Escurial 公寓
為根特 Chambord 與 Escurial 公寓區分所有權人協會打造的多語言資訊網站。網站集中提供會議紀錄、基本文件、最新消息、照片、聯絡方式以及區分所有權人大會的實用資訊。建築歷史背景介紹與清楚的導覽，兼顧住戶日常溝通與長期歸檔。
精選提案Next.jsTypeScriptTailwind CSS
法律與公部門 · 比利時聯邦司法部
前往CourtBudget
東法蘭德斯省治安法院及警察法院預算管理系統
為比利時聯邦司法部開發的內部預算管理系統，協助東法蘭德斯省治安法院及警察法院規劃與管理年度預算。平台可有效追蹤預算分配，並提供支出管理功能與司法體系內的財務報表。此應用程式將預算流程集中管理，實現結構化的預算管控。
精選ReactTypeScriptSupabaseTailwind CSS
雇主專案 · Vanden Broele
前往Expertcenter
Vanden Broele 內部平台
供 Vanden Broele 員工管理法律案卷並進行專家評估的內部工作平台。系統支援法律專家在調查、撰寫報告以及與相關各方溝通上的工作流程。平台針對機密資訊實施嚴格的安全性與存取控制。前端在 Vanden Broele 完成開發，重視易用性與高效率的案件管理。
Vue.jsTailwind CSS
個人專案
前往Fietsen Roman
自行車店示範專案
使用 Next.js、Stripe 和 Prisma 為一家虛構自行車店打造的電子商務示範平台。網站展示現代網路商店的各項功能，包括商品目錄、購物車與金流整合。作為展示專案而建置，用以呈現電子商務開發能力。
ReactNext.jsTailwind CSSStripePrisma
客戶專案
前往GDW Scheir
執達官事務所
由 Philip Scheir 領導、位於根特的一家充滿活力的執達官事務所網站。網站提供兩款免費法律工具：一款債權工具，可根據未付發票彙整債權，並自動計算利息與定額賠償；另一款是依據 2023 年 5 月 4 日法案計算消費者債務定額賠償的計算器。網站也解釋法律術語，並提供有關傳票的資訊。所有工具均可免費使用，無須註冊。
精選ReactNext.jsTailwind CSSIndexedDB
個人專案
前往Ghent Parking
即時停車資訊
使用 Next.js 和 Google Maps API 打造的根特市即時停車資訊系統。此應用程式透過根特市的開放資料 API 顯示公共停車場車位的即時空位狀況，並清楚呈現使用率、容量、收費標準與位置，幫助訪客與居民快速找到停車位。
ReactNext.jsTailwind CSSGoogle Maps API
客戶專案
前往Gogi Korean BBQ
布魯塞爾道地韓式餐廳
為布魯塞爾道地韓式烤肉餐廳 Gogi 打造的極簡風格網站。網站呈現餐廳重視品質、簡約與韓國料理傳統精髓的理念，也介紹五花肉等優質食材與傳統小菜。
精選ReactNext.jsTailwind CSSFramer Motion
雇主專案 · AdvantITge
前往Gronddepot
免費回填土服務
將需要回填土的工程與擁有剩餘土方的一方媒合的線上平台。Gronddepot 為法蘭德斯全區 50 立方公尺以上的工程提供免費回填土，並免費運送。這項服務會尋找符合所有土壤法規的合規土方，並以獨立第三方身分提供品質保證。土方以拖車、卡車或傾卸車直接運送至現場。平台可協助墊高場地、農地與花園的地面，並在需要時協助申請環境許可。
ReactNext.jsTailwind CSS
法律與公部門 · 比利時聯邦司法部
JustTools
比利時聯邦司法部內部工具集
為比利時聯邦司法部開發的內部平台，專注於 SharePoint 管理與辦公室自動化。專案包括供法律工作人員使用的文件管理與工作流程最佳化工具。justtools.be 網域目前已不再用於此專案。
未公開ReactSharePointTypeScript
客戶專案
前往KSA Aalter Generations Party
2025 年重聚活動
KSA Aalter Generations Party 的活動網站。這是一場為成員、領隊、前領隊、WOLK 成員及支持者舉辦的重聚活動，於 2025 年 10 月 11 日（星期六）晚上 7 點起在阿爾特的 Kadans 舉行。活動內容包括 GP Café、KSA 成員的現場音樂演出，以及由 DJ 主持的 GP Party。網站提供活動資訊並招募志工，也宣布為穿著制服出席的來賓準備了驚喜。活動最新消息透過社群媒體帳號 @generationsparty_ksa_aalter 發布。
Next.jsTailwind CSSFramer Motion
雇主專案 · AdvantITge
前往LegalSquare
法律案件管理平台
連結信用管理人員、律師與執達官的專業法律案件管理平台。這套一站式解決方案提供客製化工作流程、報表、供債務人與客戶使用的線上入口網站、範本管理與任務自動化。平台可與 Microsoft 365、SAP、Exact、CBB 和 CREA 整合。LegalSquare 為各目標族群提供專屬模組：為律師提供工時記錄與行事曆，為信用管理人員提供訂單流程，為執達官提供會計系統。
ReactNext.jsTailwind CSSGraphQL
個人專案
前往Lorem Ipsum 產生器
使用 Next.js 和 Tailwind CSS 打造、用於產生預留位置文字的簡易 Lorem Ipsum 產生器。此工具可控制產生文字的長度，最多 10 個單位。適合需要快速為模型圖、線框圖和原型填入文字的設計師與開發者。介面簡潔，產生結果可直接複製。
ReactNext.jsTailwind CSS
個人專案
前往Magical Code Formatter
魔法程式碼格式化工具
使用 Next.js 和 Prism.js 打造、介面充滿趣味與魔法感的線上程式碼格式化工具。此應用程式為多種程式語言提供語法醒目提示與格式化功能。使用者可以貼上程式碼、進行格式化並複製結果。此工具完全在瀏覽器中執行，兼顧隱私與速度。
ReactNext.jsTailwind CSSPrism.js個人專案
前往Marija 的生日派對
活動網站
使用 Next.js 和 Framer Motion 為一場生日派對設計的個人化活動網站。網站結合實用功能與個人元素，提供活動詳情、線上回覆出席（RSVP）與互動功能。設計展現個人風格，搭配客製化動畫與視覺元素。採用現代 Web 技術打造，帶來流暢的使用者體驗與響應式設計。
Next.jsTailwind CSSFramer Motion
個人專案
前往Mario Public Site
作品集展示
以瑪利歐為主題的創意作品集網站，用來展示現代 Web 開發技術。網站具有動態動畫、流暢轉場與互動元素，展現進階 CSS、Framer Motion 動畫與響應式設計原則。
ReactNext.jsTailwind CSSFramer Motion
個人專案
前往Packing List Manager
整理工具
實用的 Web 應用程式，可為不同活動整理打包清單：運動健身、工作、旅行與天氣。使用者可以新增物品、分類整理，並在打包時逐項勾選。清單儲存在本機，可重複使用。無論從事何種活動，都能幫助使用者井然有序、不遺漏任何物品。
ReactNext.jsTailwind CSSlocalStorage
客戶專案
前往Q-TreeCare
樹木養護公司
為一家專精樹木修剪、砍伐與養護的樹木養護公司打造的專業網站。網站介紹其服務項目與已完成的案例，並提供索取報價的聯絡方式。
精選Next.jsTailwind CSSTypeScript
法律與公部門
前往RPV Calculator
訴訟費用補償計算器
依據比利時法律計算訴訟費用補償（rechtsplegingsvergoeding/RPV）的線上計算器。此工具專為律師、執達官與法律專業人士設計，可根據本金快速算出正確的 RPV 費率。所有計算結果僅供參考，不具法律效力；使用者須自行負責正確適用法律。
精選ReactNext.jsTailwind CSS
雇主專案 · Vanden Broele
前往Scan Search Online
數位檔案平台
將檔案數位化並使其可供檢索的線上應用程式。Scan Search Online 專為戶籍與人口登記資料的智慧檢索而設計，也可納入其他類型的檔案。平台提供兩種檢索方式：透過樹狀結構（閱覽室模式）或透過自訂資料庫。此服務也包含使用書籍掃描器與高速掃描器，將各種格式的文件數位化，已有多個政府機關用於檔案管理。前端在 Vanden Broele 完成開發。
Vue.jsViteTailwind CSS
雇主專案 · AdvantITge
前往SPAR Online
線上雜貨購物
為 sparonline.be 進行前端開發，這是比利時 SPAR 超市的線上雜貨購物平台。顧客可以線上向當地的 SPAR 和 SPAR Express 門市訂購商品，並選擇到店取貨或宅配到府。平台提供門市查詢、含促銷與在地特色商品的商品目錄，以及個人購物清單。前端在 AdvantITge 完成開發。
ReactNext.jsTailwind CSS個人專案
前往Tailwind CSS Converter
Tailwind CSS 轉換工具
將設計規格轉換為 Tailwind CSS 工具類別的個人開發工具。它可以將像素值、顏色、字型大小及其他 CSS 屬性轉換為對應的 Tailwind 類別。作為個人作品集網站的一部分而開發，用以加快從設計到實作的工作流程。
ReactNext.jsTailwind CSS
客戶專案
前往Tour Mandalay
為 Tour Mandalay 打造的商業網站。這是一家自 1994 年起經營的家族企業，也是緬甸歷史最悠久的旅遊專家之一。網站介紹量身訂製的私人行程、六條招牌路線、目的地、旅遊體驗與負責任旅遊理念，並透過詢問表單著重開發潛在客戶。網站重視故事敘述與視覺衝擊力，打造從靈感到聯絡的順暢路徑。
精選提案Next.jsTypeScriptTailwind CSSFramer Motion
法律與公部門 · 比利時聯邦司法部
前往VGPROVL Event Center
活動管理平台
內部活動管理平台，用於在東法蘭德斯省治安法院及警察法院的法蘭德斯司法平台（VGPROVL）內籌辦培訓課程、研討會與工作坊。系統為法院人員的法律活動與專業發展活動提供報名、排程與協調支援。網站也提供即將舉行的會議及法律界專業人士交流活動的總覽。
精選ReactReduxNode.jsExpressPostgreSQL
法律與公部門 · 比利時聯邦司法部
前往VGPROVL Jobs
徵才與實習平台
東法蘭德斯省治安法院及警察法院的職缺與實習徵才平台。網站為希望加入 200 多人活力團隊的求職者提供職涯機會資訊，並為即將完成學業的學生提供實習資訊。平台透過向潛在人選展示法律職涯機會與實務經驗來支援徵才工作。
ReactNext.jsTailwind CSS法律與公部門 · 比利時聯邦司法部
前往VGPROVL Tools
治安法院實用工具
為東法蘭德斯省治安法院及警察法院打造的實用數位工具集。平台提供血液與呼氣酒精濃度換算計算器（換算比例為 2100:1）以及日期計算工具。這些工具旨在簡化日常法律工作並最佳化工作流程。為比利時聯邦司法部開發，重視易用性與準確性。
Next.jsTailwind CSSTypeScript
客戶專案
前往VP-Service
暖氣、水電管線與永續能源
VP-SERVICE 由 Pieter Verslycken 創立，為蘭德海姆（Landegem）及周邊地區提供暖氣、水電管線、熱泵、空調與通風的完整解決方案。作為合格認證的專業業者，公司重視品質、可靠性與客戶滿意度，提供高品質的安裝服務。網站介紹所有服務項目，包括保養與維修，並附有近期案例圖庫，可直接透過 WhatsApp 和電話聯絡索取報價。
ReactNext.jsTailwind CSSFramer Motion
個人專案
前往Windows 鍵盤快速鍵
完整參考指南
完整的 Windows 10 鍵盤快速鍵參考指南，分為基礎、進階與高階三個等級。內容涵蓋檔案管理、視窗、瀏覽器、文字編輯器與系統功能等方面的快速鍵，每個快速鍵都附有清楚的功能說明。非常適合想提升工作效率的使用者作為參考。
ReactNext.jsTailwind CSSZustand