Collaborate on PDF Receipt Generator for Sales with Ease Using airSlate SignNow

Pdf receipt generator for Sales

uh hello friends today in this tutorial i will be talking about that how to generate a pdf invoice after you or after you pay online using shopping websites so you can just generate invoice using a nodejs express library called as easy invoice let me show you a short demo if i run this node application by executing the command npm start on the left hand side you will see a invoice.pdf file will be generated just wait it is starting the server so you will see base64 code is generated and also a invoice.pdf file is also generated if i open this file this will be a payment invoice that is generated after you pay online you will see all the items that you have purchased test one test two quantity price total and this is a subtotal vat six percent and the total amount of that you have paid so it is saying kindly pay your invoice within 50 days so basically this is the format here you can just edit this invoice you can put your own logo and edit the information and now i will tell you about this library so basically if you go to the official website of npm js node package manager and if you type here easy invoice this is the spelling here of this library this will be the library official documentation it has got 144 weekly downloads so all the source code of this video is given in the video description you can go to my step-by-step blog here here i have written the step-by-step instructions on how to use this library so go to the video description in order to follow along with this video all the source code is given so simply you can just copy paste the code here like this now to get started i will be using this library so just make a newly create project here the command is pretty simple npmi then easy e a s y i n v o i s c easy invoice so execute this command and we will be using it so let me just delete all the code from this file index.js so first of all what you need to do is that you need to import this module which is easy invoice we need to require it either you can require it or you can use import statement this is totally up to you if you follow the documentation they have given all the uh necessary features that you can implement here you can see you can even use this library on the browser side as well so these are the cdn's link cdn stands for content delivery network so after importing the library they have given a complete example here this is the thing that i liked about this library they have given the complete example so simply what you can do either you can copy from here or you can go to my blog step by step blog so the first thing that i have given here is like sample so simply click on the copy option and and simply you need to paste it so basically what it is it is doing here we are defining a data object here we will write all the data that needs to come into the invoice.pdf file let me just delete this pdf file for now so you will see it has the options currency you can edit these options it it supports various currencies let me just show you the official documentation they have given support all these currencies are supported you can edit this this is not limited to united state dollar so you can edit the currency tax notation margin top margin right you can play with the values but this template is enough you just need to edit this value if you want to put your own company logo so just provide the address after that you can company name you can change the company name address zip code city country all that stuff let me just show you if i change this to india city to delhi zip code one one zero zero nine two and my company name let's suppose my youtube channel name coding section so in this easy steps you can just implement it then the client you can provide the client company name address zip code citizens country then the invoice number invoice state you all this information can be fetched from the database after the customer has purchased your product you can dynamically put this information and the products that the customer has purchased and simply the bottom notice property kindly pay your invoice within 15 days you can also edit this after that it contains a method which is create invoice it takes this data object that we have configured and then it contains the callback function holding the result for us you can simply console log and there is a property called as pdf which contains the actual pdf document inside base64 code if i just execute this by executing npm start you will see it will print out the base64 code of the pdf file you can see this is a base64 code of the pdf file that needs to be generated now this is a garbage code we don't want this actually we want to store our store this invoice file inside this directory root directory for this we can use the built-in module of nodejs which is file system you need not have to it so just need to require it and after that what you can do is that you can follow my blog i have written the code for that specific purpose in order to store the file locally to store the pdf file locally in node.js after you get your result you will avoid the result just simply after this you can print out the statement await fs dot write file sync so basically this is the method in order to save a file locally we will save it by invoice.pdf and we will pass the result.pdf as the argument and this is a base64 file if i execute it i will get a error because a weight keyword is not only valid async function so we need to make this function as async and now you will see the magic it will automatically reload and it will create this invoice.pdf file if i open this you will see our pdf file is ready this is the logo this is the my company name coding sixsha 1102 delhi india you can customize this ingly whatever things that you want to put it only one line of invoice is there really quickly you have generated it in pdf format so it also supports a download method as well if you are prompting user to download their invoice after they pay online there also is a download button or download method you can see easy invoice.download but there are but it is only supported in browser it is not supported in node.js so what we can do is that in order to make this as an index.html file let me make this as index.html file and let me have a simple template let me put it as invoice generator so now we can use the cdn link that they have provide on the official website official documentation they provide a cdn link so in this we can any of use this one and right here we can paste it here this is a link of script tag now what we can do is that we can use the download method we can have the script tag and we can have a simple button download invoice and when we click on this button we will combine a simple on click and we click on this button we will execute this method that is download invoice so now what we can do you can simply make this method function download invoice and inside this what we can do they provide this code first of all we need to create this so we can have the data object all this data will be there so simply i need to copy this code here first of all we will generate it so simply you can copy it again we are providing the dynamic data or static data you can change anytime after we create it you will see this also contain easy invoice dot download and then we can pass result.pdf sorry we can pass the name that needs to be we can put the name as invoice.pdf that's it if i run this application open with live server this is not a node.js application this is just a vanilla javascript application if i click the download and voice button uh what happened let me just see you can see in voice.pdf is downloaded if i open this file you will see our invoice is ready you can see in this easy way you can generate uh invoice pdf invoice on the node.js and also on the vanilla javascript site pure browser side also so this is a simplest of library that i found on the internet in order to create invoices in pdf format for node.js and javascript all the source code regarding this video will be given in the video description you will go to the video description to follow the step by step instruction and please hit the like button guys to support me please comment also and i will be seeing you next video