A React-based web application to generate academic front pages, preview documents, download PDFs/PPTs, and merge multiple PDF files.
- Create front pages for:
- Continuous Assessment 1 (PPT)
- Continuous Assessment 2 (Report / A4)
- Live preview with auto scaling
- Download as:
- PPTX (for CA1)
- Upload up to 10 PDF files
- Preview first page (desktop supported)
- Reorder files
- Select custom page ranges
- Merge and download as a single PDF
- Works on desktop and mobile
- Auto layout adjustment
- Optimized left-panel + preview UI
- React.js
- Tailwind CSS
- pdf-lib
- @react-pdf/renderer
- PptxGenJS
src/
│
├── components/
│ ├── Form.jsx
│ ├── ReportPreview.jsx
│ ├── PresentationPreview.jsx
│ ├── pdfs/
│ │ ├── ReportPDF.jsx
│ │ └── PresentationPDF.jsx
│ └── ppts/
│ └── generatePPTX.js
│
├── pages/
│ ├── Home.jsx
│ └── Merge.jsx
│
└── App.jsx
- Clone the repository
git clone https://github.com/your-username/project-name.git- Navigate to the project
cd project-name- Install dependencies
npm install- Start the development server
npm run dev- Open Home page
- Fill student and subject details
- Select assessment type (CA1 / CA2)
- Preview the document
- Download PDF or PPTX
- Open Merge page
- Upload PDF files
- Reorder if needed
- Set page ranges
- Click Merge
- Preview is for visual reference only.
- Downloaded documents are generated in real page size.
- Mobile browsers may not support inline PDF preview.
- Maximum 10 files allowed for merging.
- Responsive layout
- Touch-friendly buttons
- Auto scaling preview
- External PDF viewer used on some devices
- No cloud storage
- No user authentication
- Offline only
- Preview quality may vary by device
- Cloud saving
- User login system
- PDF thumbnail generation for mobile
- Drag-and-drop reordering
- Dark/Light theme toggle
Special thanks to Raunak Manna for patiently listening to my “it was working yesterday” excuses, helping me fix bugs at weird hours,replying to my midnight SOS messages, and still choosing not to mute me.
Developed by Dipannita Sharma
This project is for academic and educational use. Commercial usage requires permission.