個人網站 - John Lin

這是我的個人網站項目，展示我的資訊、作品集和部落格文章。網站支持中文和英文雙語切換，並設有淺色/深色主題模式。

主要功能

已上線

• 🌐 支援中文和英文語言切換
• 🎨 淺色和深色主題模式
• 📱 各種裝置的響應式設計
• 🔗 短網址生成器

開發中

• 🖼️ 作品集展示（內容調整）
• 📝 部落格文章（正在構建文章管理系統）
• 📅 智慧行事曆（計劃暫緩）

技術

前端

• React.js 18
• TypeScript
• Redux 與 Redux Toolkit (狀態管理)
• SCSS (樣式)
• i18next (國際化)
• react-spring (動畫效果)
• Three.js (3D 渲染，未來將採用)
• Matter.js (2D 物理引擎，未來將採用)
• FullCalendar (行事曆功能)

後端

• Firebase
  • Firestore (資料庫)
  • Storage (檔案儲存)
  • Authentication (用戶驗證)
  • Hosting (網站託管)
  • Functions (雲端函數)

PWA 功能

• 支援離線使用
• 可安裝到主畫面
• 快速載入與響應

開發工具

• Cursor (IDE)
• TypeScript
• ESLint
• Git
• Firebase CLI

項目結構

• /src/components - 可重用的 UI 組件
• /src/hooks - 自定義 React Hooks
• /src/i18n - 國際化翻譯文件
• /src/pages - 頁面組件
• /src/redux - Redux 狀態管理
• /src/styles - 全局樣式和主題設定
• /src/utils - 工具函數

未來計劃

• 加強 SEO
• 擴展作品集內容
• 提升網站效能
• 開發更多互動性功能（Lab）