Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Add "Export board as PDF" feature 📄

Offen Anfängerfreundlich
#630 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 2 Tagen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Anfängerfreundlichkeit
70/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Aktiv
Tech-Stack
javascript, react
Bereich
frontend

Rechercherichtung

Beginne in client/src/pages/Dashboard.jsx und lies nach, wie dort die Aufgaben und Status des Boards verfügbar sind. Füge den PDF-Export mit dem vorgeschlagenen jsPDF-Ansatz hinzu und überprüfe anschließend, ob die heruntergeladene Datei die Board-Spalten und ihre Aufgaben enthält und ein übersichtliches, gut lesbares Layout hat.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

enhancement good first 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 🎯

Vorherrschende Sprache
JavaScript
Sterne
39
Forks
105
Ø Merge
1 T. 12 Std.
Gemergte PRs (30 T.)
45

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus anoopcodehack/DevBoard

Alle Issues in anoopcodehack/DevBoard

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.