All Projects → adrianhajdin → Tutorial_pdf_generation

adrianhajdin / Tutorial_pdf_generation

This is a code repository for the corresponding article on Medium. In this tutorial, you will learn how to generate dynamic PDFs using HTML code as a template.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Tutorial pdf generation

example-static-website-docker-nginx-certbot
Example static website with Docker, Nginx and Certbot
Stars: ✭ 29 (-48.21%)
Mutual labels:  article, tutorial-code
tutorial currency converter
This is a code repository for the corresponding article on Medium. In this tutorial, we will build educational application that is going to improve your overall knowledge of Async/Await.
Stars: ✭ 44 (-21.43%)
Mutual labels:  article, tutorial-code
Articles Translator
📚Translate the distinct technical blogs. Please star or watch. Welcome to join me.
Stars: ✭ 606 (+982.14%)
Mutual labels:  article
Analyze
Draven's Blog
Stars: ✭ 7,910 (+14025%)
Mutual labels:  article
Transferlearning
Transfer learning / domain adaptation / domain generalization / multi-task learning etc. Papers, codes, datasets, applications, tutorials.-迁移学习
Stars: ✭ 8,481 (+15044.64%)
Mutual labels:  tutorial-code
Coderoad Vscode
👩‍💻 Create or play Interactive coding tutorials in VSCode
Stars: ✭ 757 (+1251.79%)
Mutual labels:  tutorial-code
Flutter Video Streaming App
Code for the tutorial showing how to build video streaming app in flutter
Stars: ✭ 33 (-41.07%)
Mutual labels:  tutorial-code
Es6 Articles
Blog Posts from Wes Bos. If you make an edit to one of these posts, my blog will automatically update.
Stars: ✭ 527 (+841.07%)
Mutual labels:  article
Katelog
文章目录生成器
Stars: ✭ 44 (-21.43%)
Mutual labels:  article
Tns Restful Json Api
This is the code repository that goes along with the "TheNewStack" article for RESTful JSON API post
Stars: ✭ 846 (+1410.71%)
Mutual labels:  article
Big Album Art
[RETIRED] A Flask app to display almost-fullscreen album art for your currently playing Spotify songs. Enjoy the visuals!
Stars: ✭ 38 (-32.14%)
Mutual labels:  tutorial-code
Weixin Platform History Article Api
微信公众号历史文章爬取api
Stars: ✭ 27 (-51.79%)
Mutual labels:  article
History Of Javascript
Project "History of JavaScript"
Stars: ✭ 819 (+1362.5%)
Mutual labels:  article
Pushclient
A cross-platform method of using Firebase Cloud Messaging (FCM) to receive push notifications
Stars: ✭ 33 (-41.07%)
Mutual labels:  article
Blog
blog of sivagao,每天一篇好文章~
Stars: ✭ 616 (+1000%)
Mutual labels:  article
Intro To Apis Course
Introduction to APIs course
Stars: ✭ 1,009 (+1701.79%)
Mutual labels:  tutorial-code
Simorgh
The BBC's Open Source Single Page Application. Contributions welcome! Used on some of our biggest websites, e.g.
Stars: ✭ 550 (+882.14%)
Mutual labels:  article
Dataset Artikel
Repository ini berisikan kumpulan data mentah berupa artikel dari berbagai media online di Indonesia. (Raw dataset of Indonesian news articles)
Stars: ✭ 26 (-53.57%)
Mutual labels:  article
Documents
Documentation for Phase 4 Ground
Stars: ✭ 31 (-44.64%)
Mutual labels:  article
Python Beginner Programming Exercises
Practice your Python programming skills with this interactive and auto-graded set of exercises.
Stars: ✭ 47 (-16.07%)
Mutual labels:  tutorial-code

Generate Dynamic PDFs Using React and NodeJS

Currency Converter Tutorial

This is a code repository for the corresponding article on Medium.

In this tutorial, you will learn how to generate dynamic PDFs using HTML code as a template.

Project Setup

  1. Create a new directory mkdir pdfGenerator && cd pdfGenerator
  2. Create a new React App with create-react-app client and then move into newly created directory and install dependencies cd client && npm i -S axios file-saver
  3. Create an Express server with mkdir server && cd server && touch index.js && npm init press enter a couple of times to initialize package.json and then run npm i -S express body-parser cors html-pdf to save all the necessary dependencies.
  4. Add proxy inside of client/package.json, above the dependencies, simply add “proxy”: “http://localhost:5000/", so you can call the localhost from the client.
  5. Open two different terminals: First one: go into the client directory and run npm start Second one: go into the server directory and run nodemon index.js
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].