diff --git a/index.html b/index.html index 6a09c3c..4062fc4 100644 --- a/index.html +++ b/index.html @@ -1,37 +1,733 @@ - - + + + chen · Frontend Dev | 個人品牌網站 + - - - +
+ + +
+ +
+
+
👋 歡迎來到我的個人網站
+

打造兼具美感與效能的
網頁體驗

+

Hi, 我是 chen。我是一名前端工程師,專注於使用現代化技術打造直覺、流暢且具互動性的使用者介面。

+ + + +
+ 筆記型電腦與程式碼畫面 +
+
+
+ + + +
+
+

關於我

+
+
+

+ 你好!我是 chen,一位充滿熱情的前端開發者。我喜歡將複雜的商業邏輯轉化為簡單易用的使用者介面。 +

+

+ 在過去幾年中,我致力於探索各種前端框架與技術,並且深信「好的設計應該是隱形的」。我注重程式碼的整潔與架構的可擴展性,同時也對 UI/UX 有著高度的敏銳度。 +

+

+ 當我不在寫程式時,我喜歡閱讀技術文章、探索開源專案,或是喝杯好咖啡來激發新的靈感。 +

+ +
+
+ 3+ + 年開發經驗 +
+
+ 15+ + 完成專案 +
+
+
+
+ 專注於開發的工程師 +
+
+
+
+ + + +
+
+

專業技能

+ +
+ +
+

💻 前端核心

+
+ HTML5 + CSS3 / SCSS + JavaScript (ES6+) + TypeScript +
+
+ + +
+

⚡ 框架與套件

+
+ React.js + Vue 3 + Next.js + Tailwind CSS + Redux / Pinia +
+
+ + +
+

🛠️ 開發工具與其他

+
+ Git / GitHub + Webpack / Vite + Figma + RWD 響應式設計 + RESTful API +
+
+
+
+
+ + + +
+
+

精選作品集

+ +
+ +
+
+ 電商平台專案預覽圖 +
+
+

現代化電商平台

+

一個具備完整購物車、結帳流程及會員系統的單頁式應用程式 (SPA)。優化了載入速度,並提供流暢的行動裝置購物體驗。

+
+ React + Redux Toolkit + Tailwind CSS +
+ +
+
+ + +
+
+ 任務管理工具專案預覽圖 +
+
+

ProTask 任務管理系統

+

協助團隊追蹤專案進度的看板工具。支援拖曳功能 (Drag & Drop)、深色模式切換,以及即時狀態更新。

+
+ Vue 3 + TypeScript + SCSS +
+ +
+
+ + +
+
+ 數據儀表板專案預覽圖 +
+
+

數據視覺化儀表板

+

整合第三方 API,將複雜的數據轉化為易於理解的互動式圖表,協助管理者快速掌握營運狀況。

+
+ Next.js + Chart.js + Styled Components +
+ +
+
+
+
+
+ + + +
+
+

聯絡我

+ +
+

開啟新的合作機會?

+

我目前正在尋找全職的前端開發機會。不論你有任何專案需求、技術交流,或是單純想說聲嗨,都非常歡迎與我聯繫!

+ + +
+
+
+ +
+ + +
\ No newline at end of file