Document Generation

DYNAMICDOC

Angular application that lets users fill out structured forms to dynamically generate PDF documents, with a real-time preview.

open_in_new VISIT WEBSITE play_circle WATCH DEMO
DynamicDoc demo preview

Demo

REAL-TIME PDF GENERATION

Description

DynamicDoc is an application built with Angular 19.0.7 that lets users fill out structured forms to dynamically generate PDF documents. It uses pdfMake to create PDFs with custom fonts like Poppins and Roboto, providing a real-time document generation experience.

Key Features

  • Dynamic PDF generation. Users fill out a form and see the document update in real time.
  • Customizable templates. Document layouts can be adapted to specific needs.
  • Form validation. Ensures data is entered correctly.
  • Live preview. See the PDF before downloading or printing it.
  • Instant download and printing. The generated document can be downloaded or printed directly from the app.

Installation & Setup

To run it you need Node.js 16+, an Angular CLI version compatible with Angular 19 and a modern browser. 

npm install
ng serve

Then open http://localhost:4200/ in your browser.

How to Use It

  1. Fill out the form. Complete the required fields.
  2. Preview the document. The live preview updates as you fill in the fields.
  3. Download or print. Once finished, download or print the PDF directly.