Get the full source code of application here:
Show More Show Less View Video Transcript
0:01
Uh hello guys, welcome to this live
0:03
stream. So in this live stream, I'll
0:04
show you uh Google has launched a new AI
0:08
studio Gemini coder where you can code
0:12
full stack applications. So for this
0:14
first of all, simply type Google AI
0:16
studio on Google and this link will come
0:19
right here. Uh let me just open the zoom
0:22
it tool just wait to actually zoom on
0:24
particular elements.
0:26
So recently this tool is launched by
0:29
Google. So after you simply type Google
0:31
AI studio uh this link will come Google
0:35
AI studio. Simply login with your Google
0:37
account and right here inside the
0:40
sidebar section you will see this option
0:42
inside the menu which is build. Uh
0:45
simply go to this and this is actually
0:47
powered by Gemini which is their open AI
0:51
model. So with the help of this they
0:53
have launched this AI app builder. So
0:57
you can basically see all your
0:59
applications will show right here. So
1:01
you have this chat prompt here where you
1:04
exactly tell the AI what sort of
1:06
application you want to generate or you
1:08
can also see some of the applications
1:10
which it is recommended to you. So you
1:13
can also
1:16
all these applications are recommended
1:17
to you. So image to code or you can
1:21
simply write a application. So let me
1:23
just write build a image to PDF web app
1:28
in browser. So you simply exactly tell
1:30
what sort of application you want to
1:32
tell and then automatically this uh
1:35
Gemini AI coder will automatically
1:39
process your prompt and automatically it
1:41
will start developing your application
1:43
and also it will instantly deploy your
1:47
application as well. So it is
1:49
automatically analyzing it, planning
1:51
your code and writing the code in the
1:53
background. So whenever it finishes, you
1:55
will get a notification. So definitely
1:57
check out this new Google AI studio
2:01
coder which is very insane for VIP
2:04
coding. So you can see it is
2:05
automatically writing a full stack
2:07
application.
2:09
Specifically, it's generating a ReactJS
2:12
application automatically going to
2:13
different files and actually writing the
2:15
code automatically for you. So recently
2:18
Google has released this. You can access
2:20
it inside Google AI studio and write
2:23
itself you can simply ask the AI to
2:26
build
2:28
any sort of application. So as you can
2:31
see it is automatically going to
2:33
different files. On the right hand side
2:35
corner of the screen you see all this
2:37
code here which is generated. And here
2:39
you will see the live preview of the
2:41
application whenever it finishes. This
2:43
is the code section and step by step it
2:47
is completing all the steps writing the
2:50
necessary code here and then you also
2:53
have the option to download the code as
2:55
well. So this once you press the
2:57
download button uh a zip file will be
3:00
downloaded inside your system which will
3:02
contain the full source code. So now the
3:05
AI has finished this application. You
3:07
see the live preview right here and this
3:10
is a complete image to PDF application.
3:12
So right here you select a bunch of
3:14
images that you need to convert to PDF.
3:17
After that you can adjust the options of
3:19
this PDF file such as the page size,
3:22
orientation, image fit and then you have
3:24
this button convert to PDF and as soon
3:27
as you hit this button your PDF file
3:29
will get downloaded. So with the
3:31
necessary images there. So this is a
3:34
really insane uh AI studio uh V coding
3:39
platform launched by Google and it's
3:41
completely free and in the background
3:44
it's using Gemini. So you can even
3:46
preview your application in different uh
3:48
screen sizes. You can also see in
3:51
mobile, tablet and desktop. So it's an
3:55
all-in-one coder coding platform
3:58
launched by Google which is AI studio.
4:02
You can access it on a
4:03
studio.google.com. I showed you
4:05
step-by-step instructions. And now if
4:07
you want to download this, you can click
4:09
on the download app button. So this will
4:11
actually install a full zip file which
4:14
will contain all the source code for
4:15
you. So these are all the source code
4:17
files that it has generated for you. So
4:19
these are all the component files right
4:21
here. So it actually written all these
4:24
components for you.
4:27
So you can see that. So
4:30
similarly you can ask uh any follow-up
4:33
questions as well. If you're not happy
4:35
with the result you can also ask
4:36
follow-up questions and you can make
4:38
unlimited applications. It's using the
4:40
Gemini model. And uh now to simply
4:44
access it simply just write Google AI
4:46
studio. Just you just need a Google
4:49
account for this and go to Google AI
4:51
studio and login with your Google
4:53
account. And right here in the sidebar
4:54
section you build see this build section
4:57
and build apps with Gemini.
5:00
So you can just see right here. So this
5:03
is different from the main bot chat bot
5:07
of Gemini which can be extended as
5:09
gemini.google.com. This is different.
5:12
This is present in Google AI studio.
5:13
This is specifically made for
5:15
programming applications. So now if you
5:17
go to this you can access it for
5:19
completely free. All your apps will show
5:22
right here in the your app section right
5:24
here and at any time you can click on
5:26
individual app to actually go to the
5:28
actual app to see the actual code and
5:31
the live preview. So I personally am
5:34
trying this platform to build out coding
5:36
applications to save your time and
5:38
instantly it builds out your
5:40
application. You can also check out
5:42
other people apps as well they have. So
5:46
definitely check out this uh Google new
5:49
AI studio vibe coder.
#Programming
#Development Tools
