0:00
Hi friends, welcome to tutors funny
0:03
channel. Today I'm going to teach build
0:06
app using AI. So here the Gemini AI. So
0:11
this is which is used for the build app.
0:13
So click on this one. Go to here. This
0:16
is the very best tool. I
0:20
not seen this one. So here you build
0:22
your first app. Click on it.
0:27
Okay. So you have to come come at this
0:29
point. Okay. So you have to if you click
0:31
on it this is come this point it ask
0:33
here uh model 3 uh flash. So here you
0:38
will be able to tell the what kind of
0:40
app you need for building Gemini. So
0:42
here you can see I need to
1:11
I need to build the app about my
1:14
online clothing store. Okay. So, click
1:21
Now, you have to wait until the uh
1:26
build. Okay. So, you wait until the
1:28
Gemini get build. So here you can see at
1:34
the what are the files the
1:38
app consist of everything in detail it
1:40
will you will be able to see in your
1:42
left side okay so this is a complete
1:45
site you'll be able to check okay simple
1:47
I have here simple prompt according to
1:50
the prompt they are generated here that
1:52
here you will be able to see that uh
1:54
that name bar product card slide bar AI
1:59
everything it will be generate. Okay. So
2:02
it's very simple here. Simple. Okay. So
2:04
you have to wait. Okay. Don't close it
2:07
anything. You you don't do anything
2:08
else. Okay. Until it it all the code
2:12
generation completed because this this
2:14
this completely app if you are doing
2:17
ourselves it take too much of time. It
2:20
takes some uh one day 2 days or 3 days.
2:23
So 4 days time we will uh uh 4 days more
2:26
than 4 days to complete this step but AI
2:30
generated within 1 minute here I don't
2:35
think so it take too much of time that
2:41
depend on here yeah here yeah here yeah
2:42
here yeah here yeah here yeah here yeah
2:42
you can see very nice here the full
2:44
screen you see the full screen here this
2:47
is a simple online store Gemini AI is
2:51
generated here the up. Okay. Here
2:54
everything is here. Here you can see
2:55
that if you add the car add details here
2:59
very in detail. It is generated in
3:03
Okay. It's generated very detailed.
3:08
can say everything it done successfully.
3:11
Okay. So another important stuff this is
3:13
generated by completely
3:16
uh our front end application. Okay. So
3:21
front end application react it may be
3:22
the react okay react oh view.js. So here
3:27
you will be able to see that we can see
3:29
that without refreshing the page. So
3:31
there are a lot of benefits here. It
3:33
without benefit refresh the page you
3:35
will be able to get the uh UI design.
3:39
This is very fast completely fast this
3:41
website. It's very fast. This kind of
3:44
application we will be able to make very
3:46
quickly. Here you can see the full
3:47
screen. I have to undo it. Here you can
3:49
say n bar the cars the t tsx okay
3:53
typescript they using the type strip. So
3:56
here you can go to code generation also
3:58
you can see what are the languages they
3:59
are using to do you will be able to see
4:02
the type they are implementing the type
4:05
uh here you will be able to see the
4:07
react okay the complete application it's
4:09
made by react so everything everything
4:12
make as a component base so this is the
4:15
very best professional one so you will
4:18
be able to see okay this kind of
4:21
application we will be getting by uh
4:25
Google studio. So this is the very bring
4:28
the successful output for us. You must
4:31
try this tool. This is help you us to
4:33
build this application very
4:34
successfully. After that if you want to
4:36
download the app you click on and
4:38
downloaded. Okay application has been
4:40
downloaded in your machine. Okay. You
4:42
have to save on the uh github repository
4:46
as well. Everything you will be able to
4:48
do it. Okay. Thank you for watching.
