專案

3 posts

doeshing

doeshing.site - 個人網站

專案簡介一個現代化的個人網站，展示我的技術能力和專案作品。 技術棧 前端框架: Next.js 14 UI 庫: React 18 樣式: Tailwind CSS 3D 動畫: Three.js 動畫庫: Framer Motion 部署: Vercel 主要功能🎨 3D 動畫效果和互動設計 使用 Three.js 創建沉浸式的 3D 背景 Framer Motion 提供流暢的頁面轉場動畫 互動式游標跟隨效果 📱 完全響應式設計 移動優先的設計理念 在所有設備上提供優秀的用戶體驗 自適應布局和組件 ⚡ 優化的效能和 SEO Next....

#Next.js #React #Tailwind CSS #Three.js #Framer Motion
Read
doeshing

Hexo 暗色主題

專案簡介為 Hexo 靜態網站生成器設計的現代暗色主題，受 doeshing.site 設計風格啟發。 技術棧 靜態生成器: Hexo 模板引擎: EJS 樣式: CSS3 + Custom Properties 互動: Vanilla JavaScript 圖標: Lucide Icons 主要特色🎯 受 doeshing.site 設計風格啟發 保持與個人網站一致的視覺風格 現代化的暗色主題設計 優雅的排版和間距 ✨ 平滑動畫和互動效果 CSS 動畫和轉場效果 JavaScript 驅動的互動功能 背景追隨游標效果 📝 適合技術部落格...

#Hexo #EJS #CSS3 #JavaScript #主題開發
Read
doeshing

待辦事項管理器

專案簡介一個簡潔高效的待辦事項管理應用，使用現代前端技術構建，提供直觀的任務管理體驗。 技術棧 前端框架: React 18 程式語言: TypeScript 狀態管理: React Hooks 資料持久化: Local Storage 樣式: CSS Modules 構建工具: Vite 主要功能✅ 任務管理 建立、編輯、刪除任務 標記任務完成狀態 拖拽排序功能 批量操作支持 🏷️ 標籤和優先級管理 自定義標籤系統 三級優先級設定（高、中、低） 標籤篩選和搜尋 顏色編碼區分 💾 本地資料持久化 使用 Local Storage 儲存資料...

#React #TypeScript #Local Storage #前端開發
Read