.png){kind=link}
A modern, responsive web-based tool to generate PDFs from quiz questions with support for both Objective (MCQ) and Subjective formats. This tool also includes a preview panel, dark mode, and a professional PDF export with watermark and layout preservation.
- ✅ Supports Objective (MCQ) and Subjective questions
- 📄 Dynamic PDF generation using jsPDF
- 🌙 Dark mode toggle with local storage persistence
- 👀 Real-time preview pane
- ✏️ Edit / Delete questions inline
- 🖨️ Custom PDF Title Prompt and watermark on every page
- 🎨 Uses TailwindCSS for beautiful, mobile-friendly UI
- 📌 Answer highlighting in PDF (correct option shown in green)
| Stack | Description |
|---|---|
| HTML | Markup for layout |
| Tailwind CSS | Styling & theming |
| JavaScript | Core logic (quiz management, PDF generation) |
| jsPDF | PDF creation and styling |
| LocalStorage | Theme (dark/light) state persistence |
-
Choose quiz mode: Objective or Subjective.
-
Enter your question:
- For Objective: Add options and select the correct one.
- For Subjective: Optionally enter the expected answer.
-
Navigate using
NextandPrevious. -
Live preview builds on the right side.
-
When done, click
Generate PDF:- Prompts for PDF title.
- Auto-formats content for clean export.
- Applies watermark and footer on each page.
You don’t need any backend – it’s a fully frontend-based app.
- Clone the repo or download the files:
git clone https://github.com/SkillDevloper/Simple-Quiz-PDF-Generator.githttps://skilldevloper.github.io/Simple-Quiz-PDF-Generator/
-
Open the
index.htmlfile in any modern browser. -
Start creating your quiz!
- PDF layout is auto-managed for page breaks and spacing.
- Correct options appear green & bold in the PDF.
- Subjective answers are displayed as green bold text.
- Watermark includes your name rotated and faded for professionalism.
Daniyal Shahid Developer | Designer | CEH13 © 2025 All Rights Reserved