0:02
Hello guys, in this live stream I'll
0:06
a Vue.js Canva clone full stack
0:09
application directly inside browser.
0:12
So, it directly looks resembles to the
0:15
original Canva clone app. So, we are
0:17
running it on localhost 5173. So, it's
0:21
Vue.js full stack app here.
0:24
And I've also deployed this. You can
0:26
check out the live demo. It's available
0:28
on freemediatools.com/viewcanvaclone.
0:31
So, I did it using GitHub Copilot, which
0:34
is actually a VS Code AI extension.
0:38
So, this is actually the full directory
0:39
structure. I built it from scratch. I
0:42
simply give it a prompt and this GitHub
0:44
Copilot actually built this application
0:47
entirely from scratch. Uh so, each
0:49
component as you see is divided into its
0:51
appropriate components.
0:54
So, if you're interested in purchasing
0:55
the source code, I've given the link in
0:57
the description. You can directly
0:58
purchase it and after that you can
1:00
download the source code from Google
1:03
So, as you can see, we are using the
1:04
latest version of Vue.js, PDF, HTML to
1:09
So, it's built directly using GitHub
1:11
Copilot. So, before purchasing it, you
1:14
can check out the live demo.
1:16
I've given the link in the description.
1:19
So, right here you simply have the
1:22
for adding images, your local images.
1:26
So, you can resize it to any social
1:28
media network, Instagram, Facebook,
1:30
YouTube with a single click.
1:33
So, as you see, with a single click you
1:35
will be able to resize
1:37
the canvas. Then we have the support for
1:40
changing the background color.
1:42
We also have the ability We have a quite
1:45
a number of templates which Canva has.
1:48
So, I built out these Canva templates.
1:51
So, with a single click you will be able
1:53
to edit these templates.
1:59
And then we see this file option. So,
2:02
here you can export this
2:04
whatever thing you can export this to
2:08
So, once you click image, this will be
2:10
exported to image. Same goes with PDF as
2:18
So, everything will be exported to PDF.
2:20
So, you can add multiple pages.
2:23
So, you will see that you can add
2:25
multiple pages as well. So, you can work
2:27
with multiple pages. We also have the
2:29
ability to actually integrate stock
2:32
images by Unsplash. So, we also
2:34
integrated this functionality as well.
2:37
We have quite a number of text
2:41
you can easily add the text.
2:46
So, if you're interested, you can
2:47
actually purchase the source code. The
2:49
link is given in the description. You
2:54
So, it's a layer-based editor.
2:57
So, each and everything is actually
3:01
So, you will see we have quite a number
3:03
of multiple layers out here as you can
3:07
or show any of these layers.
3:11
We have position. You can align the
3:22
You can add multiple shapes as well. So,
3:25
it's a full stack Canva clone app.
3:28
And GitHub Copilot is directly available
3:31
inside your VS Code. So,
3:36
uh GitHub Copilot, if you don't know,
3:39
GitHub Copilot is actually a AI
3:41
extension from GitHub. So, I built it
3:45
this full stack Canva clone application
3:47
using this. So, you can directly install
3:49
this inside your VS Code.
3:51
So, it comes within VS Code.
4:00
So, I used it. So, from here you will
4:04
Give it your prompt and it will build
4:06
out the entire application. So, I built
4:14
I've also deployed this as well. So, you
4:16
can check out the live demo.
4:18
And if you are interested in this, here
4:20
as you can see, we are running this
4:27
at localhost 5173. So, application is
4:30
running here very simply.
4:34
So, if you're interested in this, you
4:36
can purchase the source code.
