Build Full-Stack Apps with AI in Minutes (Floot AI)
Sep 8, 2025
Check the full description to see all Payment Links to Buy Source Code: Buy the Source Code with PayPal (in USD): https://www.paypal.com/ncp/payment/5AGGYJECQVZJC Live Demo of App: Buy the Source Code with Stripe (in INR): https://buy.stripe.com/5kQ4gB8rCbcydjD4Vm14f1J More Payment Options: Watch My Visual Studio Code IDE Setup Video For Fonts,Themes & Extensions https://youtu.be/Bon8Pm1gbX8 Hi Join the official discord server to resolve doubts here:
View Video Transcript
0:00
platform for building fullstack
0:02
applications. So this is the address of
0:04
the website fluteflot.com.
0:08
So if you open the browser, simply type
0:10
this address and this AI platform will
0:12
come right here and you will basically
0:15
see this chat prompt here. You will
0:16
simply write what sort of application
0:19
you want to generate. And now to get
0:21
started, click on start building and you
0:23
can continue with your Google account.
0:26
And it's a great platform for
0:29
a great alternative to Claude, Gemini,
0:31
GPT5 and cursor all the premium AI
0:34
platforms. So it's a great alternative.
0:36
So once you sign up uh you will be
0:39
redirected to the dashboard page. So
0:41
right here you will simply tell the AI
0:43
what sort of application you want to
0:44
generate. So let me just generate a
0:47
image to PDF web application in browser.
0:51
So the sole purpose of this application
0:52
will be to convert images into PDF. So
0:55
now as I click the build button so the
0:58
AI will start generating this
1:00
application
1:01
and you will see the live preview as
1:04
soon as it is designing the application
1:06
for us. So once it complete you will see
1:09
the live preview. So now it is actually
1:11
laying out the structure what are the
1:14
modifications it should do what are the
1:17
libraries. So it is generating the CSS
1:20
code for you automatically. As you can
1:22
see it is designing this application.
1:26
So all the CSS code is generated for
1:28
you. Then it will build out the HTML
1:32
file and then the JavaScript file. So
1:36
step by step. So this is actually the
1:38
code which is generated right here. If
1:41
you see so
1:45
right here in this is all the code
1:48
which is generated right here.
1:52
So these are all the dependencies which
1:54
is it is using and we also see this
1:57
publish button as well. So it will also
1:59
deploy your application as well. So now
2:01
it is actually installing the
2:03
dependencies which are required. So it
2:05
is using this dependency PDF lib for
2:08
converting images into PDF which is an
2:11
open-source library of JavaScript.
2:14
So it is installing the packages and
2:17
just creating your applications. So it's
2:20
an insane platform. I just discovered
2:22
this platform today itself and just
2:24
wanted to make a video on this
2:27
flute.com.
2:29
So this is the address flute slot.com.
2:42
So you can easily get started for
2:43
completely free. So there is no need to
2:46
add a credit card as opposed to other AI
2:49
platforms. It's completely free to try.
2:52
So now it is simp simply building out
2:55
your application. So you can just see
3:05
So it can even set up a database as well
3:07
if you want to build up a backend
3:09
application. So it's also have all these
3:12
features accordingly.
3:14
So now it is actually generating the
3:16
files for you. Initial pages.
3:41
So now you can see it is generating the
3:45
JSX. This is your CSS code.
3:49
So once it completes it will show you
3:51
the live preview. So you just need to
3:54
wait for the AI to generate the app.
3:58
It is automatically building out all the
4:00
components for you. You can see that.
4:03
So I found this to be very insane.
4:05
Personally like this the interface of
4:07
the AI tool. It's showing you the live
4:09
preview as the AI is generating the code
4:13
for you
4:16
and it's really fast as well. So you can
4:18
see how fast it the speed of generating
4:21
the code.
4:32
So now once it completes basically it
4:34
will automatically detect mistakes as
4:36
well. If any sort of mistake is there it
4:39
will simply uh fix those mistakes for
4:42
you automatically. And you can even
4:44
preview this on mobile device as well as
4:47
well. You can see that
4:50
full screen option is also there.
5:34
So now it is working upon the
5:35
application. So you just need to wait.
5:38
So I need to fix the runtime errors. Let
5:40
me address the CSS issues and the PDF
5:42
library import issues. So now you can
5:44
see it has converted this landing page.
5:48
So this is your homepage. This is the
5:50
converter page.
5:52
So these are two pages which are there.
5:55
So
6:00
so it is basically building out a full
6:02
stack application with multiple pages
6:05
the homepage and then the image to PDF
6:07
converter page.
6:09
So the issue is likely with the PDF
6:11
library both port. So let me try this
6:14
with a different approach. So now it is
6:16
actually installing the different
6:18
library JSPDF which is again a
6:20
open-source PDF library. So if one
6:24
library is not working, if it is
6:25
creating a issue, it basically installs
6:28
another library. So it's very smart AI.
6:32
So at the end you will get the output
6:34
which will be perfect for deployment. So
6:38
you don't need to do anything. You just
6:40
write the prompt and all the work will
6:43
be done by the AI.
6:47
So now it is actually working modifying
6:50
the code to integrate the new library.
6:59
So it is rewriting the source code once
7:01
again with those new library.
7:25
So once it completes you will see the
7:26
live preview here of the application.
7:28
This is your homepage. This is a
7:30
converter page. Now it is successfully
7:32
deployed this. So you can check out the
7:35
application right here. Let me try this.
7:38
If I select a bunch of images
7:41
and you will see now we have this button
7:44
here convert to PDF. So as soon as I
7:47
click the button your PDF file will get
7:50
automatically downloaded. So you have
7:52
all these images which are there in the
7:54
PDF. So in this easy way we built out a
7:57
full stack application.
7:59
So now
8:01
this is all your source code which is
8:03
there. So you can see that
8:06
and then we also have the option to
8:09
publish this app. So we click the
8:11
publish button. So this will actually
8:14
publish this. So you just need to
8:18
domain name. Let me just say coding six
8:20
shop.
8:31
So now it is working on the project. So
8:33
we just need to wait for it to fully
8:35
complete and then we can uh deploy this
9:11
So this is a full stack app builder guys
9:15
definitely check out flute.com and
9:20
so once it completes you will see this
9:22
notification so that you can click the
9:24
publish button to deploy. this
9:26
application.
9:28
So this is your landing page. Uh this is
9:31
your actual tool website which is
9:33
perfectly working. I don't know why it
9:36
is what it is doing right now. So it is
9:39
actually looking at some code here. You
9:42
can even stop this as well. So if I
9:44
click the stop button now it is stopped.
9:46
So we can now publish this. Click on
9:48
publish now. So now what it will do it
9:51
will actually publish this application
9:53
for us and uh
9:58
so this may take some time here as it
10:00
built the entire project and deploy this
10:04
to a shared URL.
10:21
So once it completes guys you will get
10:23
give a URL so that you can share this
10:26
URL with your friends. This is the
10:28
overall demo of the platform. Definitely
10:31
try this and uh it's completely free.
10:35
You can try this and thank you very much
10:38
for watching this video.