0:00
Uh hello guys. In this video, I'll show
0:02
you I built out an Canva clone uh uh
0:05
school and college marksheet generator
0:07
kind of a web application. I've also
0:09
deployed this on marksheet
0:11
generator.com. So you can visit this try
0:14
out the full demo. I've also given the
0:17
link in the description. So this is
0:18
actually a web application. Whenever you
0:20
want to generate a school and college
0:23
mark sheet, this is actually a full
0:25
editor similar to Canva clone. So here
0:28
you will fill out the details on the
0:29
left hand side and instantly on the
0:33
right hand side you will see the mark
0:35
sheet will get created automatically. So
0:37
you will just see right here you fill
0:39
out all the necessary details here. You
0:41
fill out the subjects total number of
0:43
marks marks obtained.
0:47
So I've also given the link you can
0:49
directly purchase the full source code
0:51
the full script. So you will just see it
0:53
will automatically calculate the total
0:55
number of marks and the percentage grade
0:59
automatically it will be calculated
1:02
and here you can give the remarks and
1:04
you can fully customize the look and
1:06
appearance of the mark sheet. You can
1:07
add a background color to it and
1:10
instantly it will get reflected. You can
1:13
even add a background image as well. So
1:15
if you do have a background image you
1:17
can even add that as well.
1:44
So you can just see you can add a
1:46
background image as well. So it's
1:48
totally if you want to remove it you can
1:51
click the remove button. So it's fully
1:53
coded inside HTML, CSS and JavaScript.
1:55
Once you purchase it you will get the
1:57
source code from Google Drive
1:58
automatically. So this is a single index
2:00
html file here. It's almost 1,900 lines
2:03
of code. So you can easily deploy this
2:06
and run this locally as well. So we are
2:08
running this application locally. So
2:10
it's a single page application. After
2:12
you constructed the mark sheet uh
2:16
uh if you see you have the option to
2:19
actually export the mark sheet into PDF.
2:21
So once you click export PDF
2:24
all the mark sheet will be exported to a
2:26
PDF file here. You will just see here
2:28
it's very easy. And if you want to
2:30
export this mark sheet to actual image,
2:32
you simply click export image. So the
2:36
mark sheet will be exported to a actual
2:38
image file. And the markdown is also
2:42
supported markdown and word document
2:44
file. So before purchasing it, you can
2:49
and if you like it, you can even have
2:51
the ability to upload a student photo as
2:54
well. So right here you can customize.
2:56
So if you have a photograph you can
2:58
upload this. So here comes the
3:01
photograph of the student and also we
3:03
have the ability to upload the
3:07
logo of the school as well. So it will
3:10
appear at the center. You have the
3:12
ability to customize this as well using
3:14
your mouse. You can place it wherever
3:20
So it's similar to Canva clone school
3:22
and college marksheet generator in HTML,
3:25
CSS and JavaScript. So if you're
3:27
interested in purchasing it, the link is
3:29
given and you can even try this on
3:32
marksheet generator.com.