0:00
Uh hello guys. Uh in this video I'll
0:02
show you I built out a Instagram uh
0:05
video and profile picture downloader
0:08
application right in the browser itself.
0:10
So I'm running it on local host. So this
0:13
is the actual interface of the
0:14
application. So here inside the search
0:17
bar you will simply paste the link here
0:20
of whatever post of Instagram that you
0:23
want to download. So let me just take a
0:27
You simply copy the URL here and simply
0:30
paste it here. So after pasting it, you
0:33
will see this uh download button right
0:35
here. If you you will just click the
0:37
download button and instantly the
0:45
So in the background we are making
0:47
request to Instagram GraphQL API. So you
0:49
will see the image is successfully
0:51
downloaded. It can be a image, it can be
0:54
a video. So it's a single page
0:56
application. All the processing is
0:58
happening directly in the browser. So
0:59
there is no back end here. It's all
1:01
front- end application.
1:04
And if I show you the source code, I've
1:05
given the link. You can directly
1:08
purchase the full source code. So it's a
1:11
single index.html file here. So I've
1:14
written all this code in a single file
1:16
here. All the processing is it's round
1:20
about 160 lines of code here. You'll see
1:22
that. So we are simply making request in
1:25
the background to Instagram GraphQL API.
1:28
So I have written all the logic. So once
1:30
you purchase it, you will get the source
1:32
code from Google drive. So now to run
1:34
this file, it's very simple. You simply
1:36
open VS code. And here you can run this
1:42
So we are running this locally here. Or
1:45
you can easily deploy this by purchasing
1:47
a domain name and deploying this
1:48
application and user will come to the uh
1:52
they will simply paste whatever link
1:58
The process is quite simple and the
2:02
they will paste the link and click the
2:05
download button and then again the
2:10
and you will see the image is
2:12
successfully downloaded. So it also
2:14
supports videos as well. So if if the
2:17
post is a video then also it is
2:19
perfectly support. Let me just take an
2:21
example and show to you. If it's a video
2:29
again the process remains the same. You
2:31
basically paste the link here again
2:34
click download and this time the video
2:40
you will see the notification you will
2:42
see this is the size of the video. Now
2:45
this is a video file MP4 you will see
2:48
that. So now we can simply click start
2:51
download. So it's entirely built in
2:53
HTML, CSS and JavaScript. So everything
2:57
all the processing is happening directly
2:59
in the browser. You will see the video
3:04
can see that that video has been
3:06
successfully downloaded. So in this easy
3:08
way we build out this Instagram profile
3:10
picture post downloader it can download
3:14
anything it can be a video image
3:16
anything you simply paste the URL and
3:20
I've given the link you can directly
3:22
purchase the full source code this will
3:25
be a single index HTML file which will
3:27
get automatically downloaded after the
3:30
payment from Google drive so it's
3:33
entirely in HTML CSS and JavaScript So
3:38
this is the actual source code that I'm
3:40
showing you. So it's very easy to run
3:42
this and also deploy this application as
3:44
well. It's a single page application.
3:47
So the interface is quite simple. You
3:50
inside this search bar you simply paste
3:52
the URL of the post and then click
3:54
download and after that successfully in
3:57
a matter of seconds the post will be
4:00
downloaded. So if you're interested guys
4:02
the link is given in the description you
4:04
can directly purchase the full source