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 +
+
+ 查看詳情 → +
+
+
+
+
+
+ + + +
+
+

聯絡我

+ +
+

開啟新的合作機會？

+

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

+ +
+ + Email: + ctc6410@gmail.com + + + + GitHub: + @ctc810 + + + + LinkedIn: + chen + +
+
+
+
+ +
+ + +
\ No newline at end of file