Skip to content

A react.js app that creates pdf's files from templates all on the client-side using react-pdf library and material-ui

Notifications You must be signed in to change notification settings

uwemneku/Html-to-pdf

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML-PDF

Live site

This project is similar to an online resume builder. Pdf templates created with React-to-pdf is used to generate a document ready for download and printitng (using print.js) all on the client side.

In other to boost performance, the pdf is not rendered on the screen, instead Material UI is used to duplicate the template, making it possible for users to see live updates as changes are made to the input fields.

The pdf template created with React-to-pdf and its Material-Ui duplicate are located in the same folder and share the same state. This help to make the pdf generation faster.

Todo

  • Use redux for state management
  • Organise Folders and pages
  • Add a better landing page
  • Add theme for documents
  • clean up code

Screenshots

Preview

Tech Stack

Client: React, Redux, Material-ui, React-Pdf, Print.js

Server: None

Installation

  git clone https://github.com/uwemneku/Html-to-pdf.git
  yarn install
  yarn start

About

A react.js app that creates pdf's files from templates all on the client-side using react-pdf library and material-ui

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published