Up next in 10
I Built & Deployed a Full Stack App with Databutton AI | Better than Claude, Cursor & Gemini??
Aug 22, 2025
Get the full source code of application here:
Show More Show Less View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
in this video I will show you a AI
0:05
coding platform which can generate
0:07
fullstack applications from a single
0:09
prompt. Uh the platform name is
0:11
databuto.com.
0:13
So if you go to the browser simply type
0:15
this address and this landing page will
0:17
come right here. It's a very great
0:20
alternative to tools like Lord Cursor
0:22
and Gemini and uh right here you can
0:25
sign in create a simple account here.
0:28
Sign in with your Google account and you
0:30
will be landing on the dashboard area
0:32
once you are authenticated successfully.
0:35
So right here it will ask you the
0:37
question what application you are
0:39
building. So click on new app button
0:42
right here. After that just need to tell
0:45
what sort of application you want to
0:47
develop. So right in the text prompt I
0:50
will simply write here I will say build
0:52
a image to PDF
0:56
web app
0:58
in browser. So I just want to build out
1:01
a application which converts a bunch of
1:03
images to PDF automatically in the
1:06
browser and I click continue and uh it
1:10
will say what are your requirements. You
1:12
can even select a file or drag and drop
1:15
everything.
1:18
You can list out if you have any sort of
1:20
file. I will simply click skip and just
1:24
say let's get started. So automatically
1:28
this will ask you some question right
1:30
here. Just put your name, your company
1:32
name, everything
1:38
and just click next.
1:41
just answer some questions right here.
1:52
Click on complete. So now we just need
1:55
to wait for some time. Your application
1:58
is being built by this AI platform. So
2:02
once it is completed you will see a live
2:06
preview of the application being
2:08
constructed and also the full source
2:11
code. So you just need to wait for some
2:13
time.
2:29
If you already have any sort of file or
2:31
screenshot, you can upload here so that
2:34
they it can build out according to your
2:36
UI. If you don't have any sort of
2:38
screenshot, you can skip that and simply
2:41
click on create app.
2:43
So now it will take some time here. You
2:46
just need to wait. And uh I'm not uh I'm
2:51
showing you the entire process how much
2:53
time it takes. So you clearly know.
2:57
So as you can see in it is in progress.
3:00
It is building out your application and
3:03
it is going step by step. So first of
3:05
all it build out a landing page with
3:08
drag and drop image upload. Then
3:10
implement client side image to PDF
3:12
conversion. Add reorder rotate delete
3:15
controls. Add authentication touch
3:17
points. Deploy the first working
3:19
version. And you can simply say
3:23
you can say start task. just hit the
3:26
buttons.
3:27
So if you are happy with this approach
3:30
now simply click start task and same
3:33
goes with the next task once it is
3:35
completed. So as you can see it is
3:38
installing the necessary packages which
3:40
are required for this application. So it
3:42
is building out a react application. It
3:44
install this package react drop zone for
3:47
the drag and drop functionality.
3:51
So it automatically detects which
3:53
packages to install and it is now
3:55
constructing out the code right here.
3:59
So once you log in you basically get 20
4:02
credits so in the free plan. So now if
4:05
you do want to upgrade you can upgrade
4:08
to their paid plan as well. So the free
4:10
plan is more than enough to test out the
4:13
platform.
4:28
So here you will see the preview of the
4:30
app here. So these are all the files
4:32
which it will create here. You will see
4:35
on the left hand side these are all the
4:37
components.
4:39
This is the overview of the app it
4:41
constructed. Basically this is your
4:43
homepage. This is the UI component and
4:46
these are different components head. So
4:49
it constructed out this layout of the
4:51
app and you will see the live preview
4:54
once it is completed. So it has built
4:56
out this UI interface. It's a simple
4:59
drag and drop feature where user can
5:02
simply select their files. So once you
5:04
open this you can select a bunch of
5:06
files right here and the files will show
5:08
right here and a create PDF button like
5:11
this. You can view this on different
5:13
screen sizes, tablet, mobile phone as
5:15
well. So as you can see it's completely
5:18
responsive and this is actually the code
5:21
that it has generated right here. You
5:23
can see just on the left hand side this
5:25
is a simple react component and
5:30
so so
5:33
you can even click open preview and it
5:35
will open in a new tab as well. So where
5:38
you can actually see the interface. So
5:41
this is your interface. You se select a
5:43
bunch of image files and then we see
5:45
this create PDF button. So if I click
5:47
this nothing will happen because we need
5:50
to now go to the next plan next step. So
5:53
if you are happy with this result you
5:54
can simply say mark as done. And now we
5:58
may move to the next step here which
6:00
will implement the logic for converting
6:02
your images to PDF. So simply start this
6:04
task here. So now this task has been
6:07
started by the AI. So now it is working.
6:11
So I'm just happy with this platform
6:12
this step-by-step approach. So it
6:15
basically split the entire process into
6:17
multiple components. So each component
6:19
does its own job and show you the
6:21
result. So unlike other platforms which
6:23
basically construct out the full app,
6:26
this lets you uh just see the overall
6:29
process and split across multiple
6:32
components. So that's the thing is
6:34
likable about this platform. So now it
6:37
is actually writing the business logic
6:39
of the application. So you can just see
6:41
on the left hand side here
6:47
see the all these libraries which are
6:49
used. So
7:05
once it is completed you will see the
7:07
live preview. So we just need to wait
7:10
for some time.
7:22
So now if you see the live preview here
7:24
the application is uh now been updated
7:28
to integrate the functionality of
7:31
converting your images to PDF. So now if
7:33
you can try this simply select a bunch
7:35
of images and now if you see you have
7:39
different kinds of options you can
7:41
control the page size of the PDF
7:43
orientation portrait or landscape margin
7:46
you can even control and simply we have
7:49
the button of create PDF as soon as you
7:52
click the button. So now it is
7:54
converting all these images into PDF. So
7:57
you will actually get a download option.
8:08
So now we can basically
8:11
also ask a
8:14
follow-up question. In this step, if you
8:17
basically say it is not working, you can
8:20
simply click this button.
8:27
I can just ask a follow-up question. I
8:29
selected
8:31
the image and click the create PDF but
8:38
the download
8:42
doesn't happen.
8:44
So here you can ask a follow-up question
8:46
for any particular step if your output
8:49
is not coming. So you can feed this
8:51
message to the AI. So then AI will look
8:54
upon this why it is not working and you
8:58
can see it will automatically catch the
9:00
bug.
9:04
So
9:06
you can see that so it is fixing out
9:09
this uh file here to apply the necessary
9:12
fixes. So just need to wait for some
9:15
time. So now
9:18
the fix have been applied. So it is
9:21
saying that please refresh your
9:22
application. Uh let me refresh this.
9:27
So
9:29
now select a bunch of images
9:33
and click on create PDF. And now you can
9:37
see that your application has been
9:39
started working. So it has basically
9:42
converted a bunch of images that I
9:44
selected into a complete PDF document
9:46
and you can see that. So this has built
9:48
out a fully functional application in
9:50
right here in the browser itself. And
9:53
now you can mark this as done. So now
9:57
this step is also done. Now we can move
10:00
to the next step here
10:03
which is reorder, rotate, delete
10:06
controls and instant PDF preview with
10:08
enhance progress. So now the basic
10:12
functionality is complete. So now we are
10:15
just adding some uh quick little
10:22
features on top of this application. So
10:25
it also deploys your application as
10:27
well. It gives you this unique URL so
10:29
that you can share this with your
10:30
friends to easily see the output. So it
10:33
can be a great alternative to tools like
10:35
claude cursor and gemini. Definitely
10:37
check out this databutton.com
10:40
databuto.com. This is the address.
10:43
Simply type the prompt and then
10:45
automatically the AI will start
10:46
generating your full stack application
10:48
and deploying it
10:52
and uh you will see the live preview as
10:54
well. So
10:57
now it it is updating your app here
11:00
to list out these features which is
11:03
reorder, rotate, delete controls and
11:05
instant PDF preview.
11:30
So now you can check right here by
11:31
refreshing your application.
11:43
So now you can basically get these
11:45
controls out there. We can reorder,
11:48
change the orientation. We can even
11:49
rotate the image as well like this. You
11:52
will see all these controls are there
11:53
for you.
11:56
And we also get this preview PDF button
11:59
right here itself. So if you just want
12:00
to see a quick little preview without
12:02
having to download the PDF. So you
12:05
basically see right here itself you see
12:08
the preview right here. So this is a
12:11
very handy feature.
12:15
So again click on preview. So now if you
12:18
are happy with the result you can click
12:20
the download PDF button to actually
12:23
download the file. So you can see this
12:26
is a fully functional react application
12:28
it has built for me which converts a
12:31
bunch of images to PDF. So it's
12:34
perfectly working. Now we can mark this
12:36
step as done as well. Now three steps
12:39
are completely done. Now we are just
12:41
remaining these
12:43
uh fourth step and the fifth one for
12:46
deploying this application.
12:54
So I personally very much like the
12:56
platform.
12:59
So from a single prompt it build out a
13:01
complete application and also it can
13:04
deploy this application as well.
13:12
So it is just adding some basic history
13:17
running some database migration if any
13:20
is required.
13:32
So it has applied this migration
13:34
successfully. So
13:44
So package is installed.
13:47
Now it will create the history API. So
14:13
now it will start creating this
14:15
history.txt file right here.
14:24
So it updated this. So you can see
14:28
it first of all creates this project
14:31
overview. From this it creates all the
14:33
files that you see.
14:42
So this is the file it is working right
14:44
here. So it exactly shows you uh how
14:48
many images you basically converted to
14:51
PDF in the history page.
14:57
Just adding some uh database
14:59
functionality to your application. So if
15:00
you now refresh, it is successfully
15:03
created the database for us. So if you
15:07
see uh if I select a bunch of images now
15:13
click on preview PDF
15:16
all these steps are perfectly working.
15:18
If I click download the file has been
15:20
successfully downloaded
15:23
and basically you see this sign in
15:25
functionality also added automatically.
15:28
So once you click sign in it has added
15:31
this authentication model as well.
15:34
So now the users using your app can also
15:37
authenticate.
15:39
So this is the
15:44
and the very last step is that
15:49
can click this mark as done and then the
15:51
very last step for deploying this
15:53
working version. So click on start task.
15:56
So this will deploy your application
15:59
to a unique URL so that you can access
16:02
it right here giving it to anybody you
16:06
here you just need to enter your
16:07
username. So let me just enter free
16:09
media tools
16:12
and now this will be your URL. Your app
16:15
will be available at this URL. You can
16:18
access and share it with anyone so that
16:21
they can also
16:24
see your application. So it is starting
16:26
to deployment and now deployment
16:29
has
16:31
so it is building out your entire
16:34
application and uh deploying it.
16:40
So now you can see that guys in a matter
16:42
of minutes it built out a fully
16:44
functional application and also given
16:46
you this URL working URL. You can copy
16:49
this URL and open it in a incognito
16:52
window. Let me just open this.
16:56
So this can be any browser on the
16:58
internet. Someone opens your URL, your
17:02
application is deployed here.
17:09
So now
17:11
let me know if sign in with your
17:13
account, perform a conversion and
17:14
download the PDF. So yeah, you should be
17:17
having the data button account here.
17:22
So right here if I open this from my
17:25
next URL. So anybody opening this URL
17:29
must have a data button account. So just
17:31
allow them to sign in with here. And now
17:33
your application is showing. So again
17:36
you can select it's perfectly working.
17:39
All these features you can see that you
17:41
can even rotate
17:44
preview the PDF and then click on
17:46
download. All the features are perfectly
17:49
working. So definitely check out this
17:51
platform guys, data button AI, which
17:54
builds out your entire application from
17:56
a single prompt.
17:59
So it can be a great alternative to
18:01
Cursor, Gemini, and Claude. So
18:04
definitely check out this
#Programming