- 年開發經驗
- 0+
- 上線專案
- 0
- 開源貢獻
- 0%
- 持續學習
- 0/7
- Current Focus
- Advanced Shaders
Selected Works
結合實用性與娛樂性的數位實驗。
View 日本名字產生器
live
創意類日本名字產生器
輸入你的中文姓氏，瞬間產生道地的日文名字與諧音梗。支援 100+ 漢姓對照，提供羅馬拼音、歷史來源說明，並可一鍵分享至社群。Built with React 19, TypeScript, Vite SSG，Lighthouse SEO 100/100。
#React 19#TypeScript#Vite SSG#PWA+1
View RateWise 匯率計算機
live
工具類RateWise 匯率計算機
即時匯率換算工具，整合 30 天歷史數據視覺化圖表。支援 13+ 幣別、離線使用 (PWA)、深色模式。技術棧：React 19, TypeScript, lightweight-charts, Service Worker。
#React 19#TypeScript#PWA#Charts+1
View 地震知識小學堂
live
教育類地震知識小學堂
互動式地震衛教平台，透過 18 道精心設計的測驗題與 SVG 動畫，深入淺出講解地震科學知識。規模看大小，震度看搖晃！支援 PWA 離線使用，隨時隨地學習防災知識。
#React 19#TypeScript#SVG Animation#PWA+1
About the craft
Bridging Design & Engineering
「haotool」取自「好工具」的諧音，代表這裡產出的每一個專案，都必須是個好工具。
在程式碼的世界裡，我追求的不僅是功能實現，更是感官的延伸。我相信好的使用者體驗來自於對細節的偏執——從60fps 的流暢度到像素級的對齊。
技術堆疊
Modern Web Stack
專注於現代 Web 開發技術，追求效能、可維護性與開發體驗的最佳平衡。
React 19TypeScriptTailwindViteFramer MotionPWA
FAQ
Get in Touch
Let's Build Something
有專案想法？或只是想聊聊技術？隨時歡迎透過以下方式聯繫。
阿璋
Full-Stack Developer
專注於現代 Web 技術與 3D 互動體驗，致力於打造兼具實用性與美感的數位產品。從概念設計到程式實作，追求每個細節的完美呈現。
Open for commissions