Up next in 10
Get the full source code of application here:
Show More Show Less View Video Transcript
0:00
Uh hello guys in this video I'll show
0:03
you a new AI platform which builds apps
0:05
in seconds and it's basically a versal
0:08
AI platform coding platform it's called
0:11
as v 0.dev.
0:13
So if you go to the browser simply type
0:15
this address this will the web page will
0:17
come and it's a simple interface. We
0:20
have the chat window.
0:22
Here you can actually clone anything.
0:24
You basically ask what sort of
0:26
application you want to develop and you
0:29
can see third party applications are
0:31
developed by people. It gives you
0:33
suggestions as well. Action, search bar,
0:35
AI card generation, all these things are
0:38
built by people. And first of all to use
0:41
this you simply need to sign up here.
0:43
Click the sign up button and simply
0:45
login with your Google account.
0:48
And uh if you don't know about Versel
0:51
guys, it's a very popular company for
0:53
deploying your app web applications. Uh
0:57
they actually has their own AI platform.
0:59
This is called as vzero.dev.
1:03
So definitely check out that. So once
1:05
you are logged in right here, it's
1:07
completely free to try out and uh just
1:11
accept the terms and conditions and
1:13
basically now you actually
1:16
build a Google
1:19
UI clone in HTML, CSS and JavaScript and
1:23
also run.
1:26
So now it will start cloning the design
1:29
of google.com inside your HTML, CSS and
1:32
JavaScript. And as you can see it will
1:36
generate the code for you and also show
1:39
you the preview. So it is in the code
1:42
panel here you can see it is writing
1:44
your
1:46
TypeScript code. It is generating the
1:48
component for you.
1:54
So you can just see the speed here how
1:56
perfect it is.
1:59
And in the free plan you actually get
2:00
two free messages. It's similar to
2:03
cursor and claude here. How about cursor
2:06
also have design mode and after that it
2:08
actually runs your application and
2:11
instantly it builds out the Google clone
2:14
and uh you can see the code here. It
2:17
generated all these four files here.
2:19
This is a layout loading and so it also
2:26
just you can type here click on Google
2:28
search like this. So very simple
2:31
application and you can also have the
2:33
download button as well. So you can
2:35
click the download and uh click download
2:38
zip file. So it will
2:41
basically download the full zip file of
2:43
the actual code that it generated. You
2:45
will actually get you can extract it.
2:50
As you can see all the files will get
2:53
extracted and you will get the full
2:55
project here which it created right
2:57
here. It's a simple NexJS project which
3:00
has the functionality of google.com. So
3:02
in this easy way guys, you can create
3:04
applications right here with live
3:06
preview as well.
3:09
This is the design mode.
3:15
So here you can actually make some
3:16
changes. If you just want to make the
3:18
changes here you can change. This is the
3:21
design mode as well. rather than
3:23
chatting you can actually make designing
3:26
altercations right here simply.
3:31
So let's suppose I want to
3:34
build out some other application. So you
3:37
can even upload images as well. Figma
3:40
files as well. Add from Figma version
3:44
button is also there which is in the
3:45
premium plan. So let me just show you
3:48
the premium plan here. If you do want to
3:51
upgrade, there is the upgrade button.
3:54
This is a free plan which will give you
3:56
the option to deploy to Versel. Create
3:59
up to 200 projects,
4:01
$5 of usage credit
4:05
and the premium model $20 month start
4:08
here unlimited projects like this. So
4:12
let me say build a image to PDF web app
4:18
in ReactJS
4:20
and also deploy it.
4:23
So again you basically ask the question
4:26
and depending upon that question it will
4:28
try to
4:31
generate the application for you.
4:46
So definitely check out this platform
4:48
guys. It's similar to clot and uh cursor
4:52
ID which I also have the design and the
4:54
mode here.
4:56
This has its own models right here which
4:59
is the versal 1.5
5:02
BDM large model as well which is only
5:05
available to the pro users. So they do
5:08
have their own AI.
5:22
So you simply provide the application
5:25
and based upon that it will try to
5:28
create
5:30
a application.
5:35
So first of all it basically writes the
5:37
code here.
5:51
So speed is also very fantastic. Uh it's
5:54
similar to claude and
5:57
cursor.
6:00
It basically generates a code first of
6:03
all and then automatically starts your
6:05
application.
6:11
So then it generates the package for
6:13
JSON and then start your application.
6:17
So very simple you can see it designed
6:19
this application in seconds and then you
6:21
can test your application simply
6:29
plug convert to PDF. So now your PDF
6:32
file is downloaded.
6:34
So in this easy way guys, you can
6:36
construct and design any sort of web
6:38
fullstack
6:39
application using this versal AI
6:41
platform which actually kind of beats
6:44
plot and uh cursor in my opinion. I
6:48
personally tried all the three solutions
6:50
but I think that it saves you a lot of
6:54
time.
6:57
So definitely check out that and also
6:59
check out my website guys
7:00
freemediatols.com
7:02
uh which contains thousands of tools.
#Programming