專案

專案特色

• 前端使用 Next.js 和 React 開發，提供用戶友好的預約界面和流暢的互動體驗。
• 後端使用 Express 提供 API 支援，負責處理預約資料和用戶管理。
• 使用 TypeScript 提高程式碼的穩定性與可維護性，增進開發效率。
• 資料存儲方面，使用 Supabase 作為後端資料庫，提供可靠的資料管理和查詢功能。
• 專案前後端皆部署於 Vercel，實現了快速的部署和持續的擴展。

技能標籤

專案特色

• 使用 React 和 TypeScript 開發，提供強大的語法高亮功能與高度模組化設計，適用於教學、文件與部落格等場景。
• 支援多種主題風格（如 GitHub、VS Code 等），可自由切換深淺色模式，提升可讀性。
• 組件具備可擴充性，提供 `as` 屬性支援自定義渲染方式。
• 公開於 npm，可快速安裝並於各式前端專案中整合使用。
• 提供 `token` 工具函式協助開發者快速建立語法元素，提升開發效率。

技能標籤

專案特色

• 使用 React 開發，專注於封裝純邏輯互動元件，無綁定樣式，適用於多樣化 UI 設計。
• 完整支援 TypeScript，提供嚴謹的型別定義與 IntelliSense 輔助，提高開發效率與穩定性。
• 支援 `as` props，強化組件彈性與可組合性。
• 套件本體極為輕量，未引入額外 UI 函式庫，適合需要高度客製化的應用場景。
• 已發布於 npm，便於前端專案快速整合與重複使用。

技能標籤

專案特色

• 以 Python 開發，串接 Line Messaging API ，提供即時股票資訊查詢功能。
• 利用 Requests 爬取台灣證交所公開資料。
• 使用 Matplotlib 動態生成視覺化圖表。
• 後端以 Flask 架設，並部署於 Vercel，處理 Line webhook 請求與回應。

技能標籤

專案特色

• 前端使用 Next.js 和 React 開發，提供流暢且直覺的使用者體驗。
• 採用 TypeScript 強化程式碼可讀性與維護性，提升開發品質。
• 純前端運作，無需後端支援，所有資料僅在本地端處理，不會傳送或儲存任何使用者資訊，保障隱私安全。
• 專案部署於 Vercel，確保網站快速穩定地運行。

技能標籤

專案特色

• 使用 Express 架設伺服器，處理 Line webhook 請求。
• 使用 Google Sheets 作為資料儲存與查詢後端。
• 部署於 Vercel，快速穩定地提供服務。

技能標籤

專案特色

• 前端使用 Next.js 和 React 開發，實現遊戲介面與動態效果。
• 後端使用 Express 提供 API 支援，負責與前端進行資料交互，並處理遊戲所需的資料管理。
• 遊戲邏輯被封裝為 npm 包，供前端與後端共享，簡化了開發與維護過程。
• 使用 TypeScript 提高程式碼的穩定性與可維護性，增進開發效率。
• 資料存儲方面，使用 Google Sheets 作為簡易的資料庫來管理遊戲數據。
• 專案前後端皆部署於 Vercel，實現了快速的部署和持續的擴展。

技能標籤