Up next in 10
Replit AI IDE is CRAZY Powerful! Code, Build & Host in One Place – FREE Alternative to VS Code!
Jul 16, 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'll show you a new AI
0:04
coding platform which is actually called
0:07
as replet. It's basically an IDE
0:11
directly in the browser itself. You can
0:13
try this on replet.com/pricing.
0:16
This is their pricing model. It provides
0:18
you with the free account here. You can
0:20
create a free account to create 10
0:23
development apps. So I will show you.
0:26
Click on sign up. You can login with
0:28
GitHub or
0:30
uh your Google account. Simply click on
0:33
the Google account. Choose your free
0:35
account. Click on continue.
0:38
And once you are continue,
0:42
you will automatically be redirected to
0:44
this IDE replate.com. As you can see
0:46
right here, this is the interface very
0:49
much similar to claude or uh gromini
0:53
or any sort of cloud IDE which allows
0:56
you to make any sort of web
0:57
applications. So here you will provide
1:00
your prompt here which application you
1:02
want to make right here. So I will just
1:04
put provide a simple description of the
1:06
application. Build a ReactJS image to
1:09
PDF
1:11
application which uh converts or export
1:17
multiple
1:19
images to PDF and download the PDF in
1:24
browser. Generate full project files,
1:29
run the project and also
1:33
deploy it as well. So we have written
1:35
this complete prompt here what
1:38
application we want to basically build
1:40
out and also we have explicitly
1:42
mentioned that please run the project
1:43
and also deploy it this as well. So if
1:45
you click start chat button now you just
1:49
need to wait here it will create your
1:50
app automatically
1:52
and then automatically run the app as
1:54
well and also deploy this as well. So it
1:57
is working on the app. So you can just
2:00
see the speed here. Uh
2:08
so it will basically construct all the
2:11
project files here also show you the
2:13
live preview as well. So what is the
2:15
initial version a reactjs application
2:21
can see that so it is designing
2:24
this application.
2:27
So
2:29
you just need to say approve plan. So
2:32
click on that and after that it will
2:34
start its designing part.
2:39
So there is also this option get
2:41
notified when your app is ready. So you
2:44
can scan this. So now it is actually
2:49
creating this application. As you can
2:52
see it is designing this. This is the
2:54
preview section that you see right here.
3:01
So
3:03
we have the convert to PDF button. We
3:05
have choose files button where we can
3:07
simply choose any sort of files. Here
3:11
it is also showing you the live preview
3:13
as well. So there is also this option
3:16
here. You can even attach files as well
3:19
to this ID.
3:25
So this is a visual preview of the app
3:28
and there is also this option which is
3:30
available us to us which is deploy. So
3:32
once you click the deploy button it will
3:34
deploy your application. So now it has
3:36
constructed this application.
3:42
It is still creating this application.
3:44
So just wait. So once it is completed it
3:47
will show you the code as well and then
3:50
you can actually run this application.
3:52
So it is
4:02
so as you can see it builds with the
4:04
ReactJS client side processing.
4:10
You can even install the replet app as
4:12
well inside your mobile phone to get
4:14
notified whenever the application is
4:17
completed. So it is creating all these
4:19
files here. You will see.
4:27
So speed is pretty good.
4:34
First of all, it designed the preview
4:36
part. Then it is actually generated the
4:38
source code files here automatically. On
4:41
the left hand side,
4:44
you can see all the files are
4:46
successfully generated.
5:04
So it the time taken by this IDE depends
5:07
upon what kinds of application you're
5:09
developing. So in our case it is
5:11
developing a full stack react
5:13
application which converts uh images to
5:15
PDF. that's why it is taking it a lot of
5:19
time. So if you're creating a simple
5:21
application then it will not take a lot
5:23
of time. So it involves a lot of files
5:25
as well. So that's why
5:28
it has taken a lot of time. So I'm not
5:31
pausing the video. So if you just want
5:33
to fast forward the video, you can. But
5:36
I'm showing you the overall process how
5:39
much time this IDE takes to generate
5:41
this fullstack application.
5:55
So it has all the components here inside
5:58
this components folder.
6:09
You also have the invite button as well.
6:11
You click the invite button and you can
6:13
even invite other developers on this
6:16
project here. So as you can see
6:26
so you can completely try this solution
6:28
for completely free. Login with your
6:30
Google account and you'll be redirected
6:32
to this and the free plan is more than
6:34
enough to actually try out this platform
6:37
and just create five to 10 apps. If you
6:40
are happy then you can upgrade to a paid
6:42
plan as well.
6:44
So the free plan is more than enough. It
6:46
will do all the stuff automatically for
6:49
you. You just need to write the prompt
6:51
and then wait. So it will automatically
6:54
start your application as well. So now
6:56
you can see your app is running.
7:05
So you can see now your application is
7:07
serving on port 5,000.
7:21
So I think if I try this
7:34
So now your application is uh ready
7:36
here.
7:40
You can stop this. And now you can see
7:43
everything is now ready.
7:47
So now it will load your application
7:48
right here.
7:51
It is deploying this application as
7:52
well. Ready to share with the world. So
7:55
you can actually share the URL of the
7:58
app with your friends as well. So
8:02
So just wait. It is loading your app.
8:18
You can just click this option here open
8:20
file. So this will basically show you
8:22
the overall structure of the
8:24
application.
8:26
This is the client side component. Here
8:28
you will see all these files are
8:31
generated here. You will see.
8:35
So this is a full stack application it
8:37
generated of image to PDF
8:57
for deploying your application. You do
8:59
need to uh basically
9:01
uh upgrade your account. the deployment
9:04
part is uh not available for completely
9:07
free. So
9:21
in this easy way you can basically
9:23
generate any sort of application using
9:25
this uh
9:29
platform replet this is their IDE you
9:32
can access it replet.com and
10:22
So in this easy way you can access this
10:26
thing and let me show you the pricing
10:28
here which is replet IDE pricing.
10:37
So the free plan is more than enough.
10:39
You can actually make 10 development
10:41
tax. Then we also the pro plan start
10:43
with the $20 per month and this will get
10:47
you the full replet agent access $25 of
10:50
monthly credits unlimited public and
10:52
private apps and you will be able to use
10:54
the claude openai GPT Gemini models and
10:59
also able deploy and host live apps as
11:02
well. So the $35 plan is also available
11:07
which includes $14 month of credits
11:11
available. So you can try this uh IDE
11:15
which automatically builds out all your
11:18
application using a simple prompt.
11:23
So, thank you very much for watching
11:25
this video and also check out my website
11:29
freemediattools.com
11:31
uh which contains thousands of tools.
#Programming
#Software