0:00
Guys, in this video I will show you a
0:02
PDF invoice editor which I developed in
0:05
ReactJS which directly runs in the
0:07
browser. No serverside code is required
0:09
for this. So I'm just showing you the
0:11
demo right here. Local host 3000.
0:14
So it lets you generate PDF invoid
0:16
document for your company for your
0:18
clients. So this is the actual source
0:21
code right here. I've given the link you
0:23
can directly purchase the source code.
0:25
If I show you the package.json JSON
0:27
file. It's using the React JSPDF HTML to
0:30
Canvas. So quite a number of third party
0:32
libraries we are using. So the demo is
0:35
really simple. You come to the
0:37
application. You select the date of the
0:39
invoice. Just select the invoice number.
0:43
Fill out the details such as the
0:46
address, the email address, who are you
0:48
to billing to, the client information.
0:54
And then you basically provide uh the
0:56
item description, the total number of
0:59
quantity. You can adjust the pricing
1:02
here. You can add multiple items. Just
1:04
repeat the process. Just fill out the
1:07
and instantly the total sub total
1:10
discount everything will be calculated
1:12
reflected back. Here you can even select
1:14
your own currency as well and just plug
1:16
the rate of tax rate discount rate
1:19
everything will be reflected back. You
1:22
can just come here and fill out the
1:24
details. Once you are happy, click on
1:27
review invoice. It will show you a short
1:29
little preview of whatever information
1:31
that you have written and then you click
1:33
on download. So everything will be
1:35
exported to a PDF file. Professional
1:38
looking invoice will be generated. So in
1:40
this easy way it will save you a lot of
1:43
time because you come to the application
1:45
you add your items the client
1:47
information and then automatically
1:52
invoice will be generated. So here you
1:54
can even add some notes as well.
1:59
again you can generate multiple invoice
2:02
document just change the information
2:05
you can just see here. So it's really
2:07
simple application and if you basically
2:10
have knowledge regarding ReactJS you can
2:12
basically modify the source code and add
2:15
additional features as well. So every
2:17
component here as you can see it's coded
2:19
inside uh JavaScript and it's a complete
2:23
project. You can easily deploy this. I'm
2:25
just running it on local host npm run
2:28
start which you can directly use it for
2:30
this. You just need to have NodeJS
2:32
installed in your system to run this
2:34
project and then instantly you can run
2:38
this by going to localhost 3000.
2:41
So directly you can purchase the source
2:43
code guys. I've given the link in the
2:46
So it's a complete single page
2:48
application which directly runs in the
2:50
browser. No serverside code is required
2:52
for this. You come to this add your
2:57
and then click on review invoice. So all
3:00
the currencies are supported. You can
3:02
select any currency. This is for euro,
3:08
So it's a PDF invoice editor and
3:10
generator which lets you directly edit
3:14
your PDF invoice documents directly in
3:20
So if you are interested, you can
3:22
directly purchase it.