Add "Export board as PDF" feature 📄
維護者通常 2 天內回覆
還沒有人認領這個 Issue。
評估
- 難度
- 2/5
- 預估耗時
- 1-3 小時
- 新手友好度
- 70/100
- Issue 類型
- 功能
- 描述清晰度
- 基本清楚
- 活躍度
- 活躍
- 技術堆疊
- javascript, react
- 領域
- frontend
研究方向
從 client/src/pages/Dashboard.jsx 開始,查看看板的任務和狀態如何在其中提供。使用建議的 jsPDF 作法新增 PDF 匯出,然後確認下載的檔案包含看板欄位及其任務,且版面清晰易讀。
由索引模型根據 Issue 內容生成。
描述
Add "Export board as PDF" feature 📄
File: client/src/pages/Dashboard.jsx
Print exists but no proper PDF export 💀
PDF should look clean and professional fr!!
Fix: use jsPDF package:
npm install jspdf
import jsPDF from 'jspdf'
const handleExportPDF = () => {
const doc = new jsPDF()
doc.setFontSize(18)
doc.text('DevBoard Export', 20, 20)
doc.setFontSize(10)
doc.text(Generated: ${new Date() .toLocaleDateString()}, 20, 28)
let y = 40
const COLUMNS = ['backlog','inprogress',
'review','done']
COLUMNS.forEach(col => {
const colTasks = tasks.filter(
t => t.status === col
)
doc.setFontSize(12)
doc.setTextColor(127, 119, 221)
doc.text(col.toUpperCase(), 20, y)
y += 6
doc.setTextColor(0, 0, 0)
doc.setFontSize(9)
colTasks.forEach(task => {
doc.text(• ${task.title}, 25, y)
y += 5
if (y > 270) { doc.addPage(); y = 20 }
})
y += 5
})
doc.save('devboard-export.pdf')
}
~25 lines! jsPDF is tiny ✅
No backend needed 🎯
- 主要語言
- JavaScript
- 星號
- 39
- 分支
- 105
- 平均合併
- 1 天 13 小時
- 30 天內合併 PR
- 41
環境準備
- 沒有 Dockerfile 或 Docker Compose 檔案
- 沒有 Pull Request 範本
- 閱讀貢獻指南
從這裡開始
- 先讀完整個 Issue,再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫,在一個分支上完成修改。
- 送出 Pull Request,並在描述裡引用這個 Issue 編號。
anoopcodehack/DevBoard 的其他 Issue
-
good first issue
難度 1/5 1 小時以內 新手友好度 96/100
anoopcodehack/DevBoard#639 ·
維護者通常 2 天內回覆
-
Improve tags input placeholder with examples 🏷️可能已有人在做 @SwatiManjari 今天認領。 未關閉good first issue
難度 1/5 1 小時以內 新手友好度 96/100
anoopcodehack/DevBoard#638 ·
維護者通常 2 天內回覆
-
Add "Clear" link next to done count in column header 🗑️可能已有人在做 關聯的 PR 仍在進行中或已合併。 未關閉good first issue
難度 1/5 1 小時以內 新手友好度 96/100
anoopcodehack/DevBoard#637 ·
維護者通常 2 天內回覆
-
Show current task name in browser tab during Pomodoro ⏱️可能已有人在做 @SwatiManjari 今天認領。 未關閉good first issue
難度 1/5 1 小時以內 新手友好度 95/100
anoopcodehack/DevBoard#636 ·
維護者通常 2 天內回覆
-
Animate task count number when it changes 🔢可能已有人在做 @jiyac-code 於 1 天前認領。 未關閉good first issue
難度 1/5 1-3 小時 新手友好度 95/100
anoopcodehack/DevBoard#635 · 2 則留言 · 已指派 1 人 ·
維護者通常 2 天內回覆
查看 anoopcodehack/DevBoard 的全部 Issue
相似的 Issue
-
難度 1/5 1 小時以內 新手友好度 65/100
維護者通常 1 天內回覆
-
docs
難度 2/5 1-3 小時 新手友好度 82/100
idean3885/claude-ops-agent#765 ·
維護者通常 1 天內回覆
-
docs html v6
難度 1/5 1 小時以內 新手友好度 78/100
維護者通常 1 天內回覆
-
check:failed feeds:edit
難度 2/5 1-3 小時 新手友好度 62/100
iptv-org/database#38385 · 1 則留言 ·
維護者通常 6 天內回覆
-
release-followup
難度 2/5 1-3 小時 新手友好度 82/100
維護者通常 1 天內回覆