videocam_off
This livestream is currently offline
Check back later when the stream goes live
Up next in 10
Build a Google Drive Clone Using PHP & MySQL Database With Authentication in Browser Using JS
Jan 9, 2025
Buy the full source code of the application here:
https://procodestore.com/index.php/product/build-a-google-drive-clone-using-php-mysql-database-with-authentication-in-browser-using-js/
Buy Premium Scripts and Apps Here:
https://procodestore.com/
Show More Show Less View Video Transcript
0:02
uh hello guys welcome to this live
0:04
stream so in this live stream I will
0:06
basically show you uh a Google Drive
0:09
clone that I developed inside PHP and my
0:12
SQL database and it runs in the browser
0:15
and it has full authentication and full
0:19
features of a Google Drive application
0:22
where you can actually upload download
0:24
or share your files with other people as
0:27
well this is actually the login screen
0:29
right here
0:30
if you have a ex existing account in
0:33
this application you can log in by
0:35
entering your email address and password
0:37
or there is a sign up option as well so
0:40
if you click the sign up button you can
0:42
create your account right here and right
0:45
here you can basically fill out the
0:47
information first name last name email
0:49
address and password so let me just
0:52
register a new account in this
0:53
application so in this mySQL database
0:56
you will basically see guys there are
0:58
three tables first table is for the
1:00
files and this is actual structure we
1:04
are basically storing the file ID which
1:06
is actually a primary key of the table
1:09
which is a foreign key and user ID file
1:12
name the path of the file and the size
1:15
of the file and the uploaded date of the
1:18
file all these properties we are storing
1:20
it in the files table the second table
1:22
is for the permission so whenever you
1:25
share your file with other users this
1:27
formations table will come to come into
1:29
the picture and the third table is the
1:31
user table so we are storing information
1:34
about the user such as the ID of the
1:36
user email password the first name and
1:39
the last name so all these four details
1:41
we are basically fetching from the user
1:44
first name last name email address and
1:45
password let's suppose if I enter
1:50
it you can see that we are entering the
1:53
first name last name and then we are
1:55
basically getting the email it just let
1:58
me write here Gotham at the Gmail
2:00
and password 1 2 3 4 5 6 if I just write
2:04
here validation will also be there your
2:06
password length is six your password
2:09
must be at least eight characters long
2:12
so there is also this validation which
2:14
is also available to you so let me just
2:16
enter a 8 digigit
2:20
password and enter and now you can see
2:22
that if I refresh the user table a
2:25
record has been inserted if I just show
2:27
you Gotham gmail.com
2:30
password is 1 12 3 first name last name
2:33
so you can see that so now I can simply
2:35
log in here and simply type here goam
2:41
gmail.com 1 2 3 4 5 6 7 8 so you will
2:45
see that we will basically login inside
2:47
our Google Drive clone application it's
2:49
a mini clone it's not a full clone that
2:52
you see in Google Drive but it's has the
2:54
full functionality full minimum
2:57
functionality that Google Drive offers
2:58
you to actually upload load files uh
3:01
basically just see all the files right
3:04
here if I upload the files right here
3:07
this you can see the file has been
3:09
uploaded there you will see this
3:11
notification and now you can actually go
3:13
to your my files and your file will be
3:17
you can see that if you refresh the file
3:19
will stay because we are actually
3:21
storing the path in the files table
3:23
right here you will see the file has
3:25
been uploaded and it has been inserted
3:27
in the my SQL table this is actually
3:29
file name this is a full path here where
3:33
the file has been stored this is the
3:35
file size and the upload date so all
3:37
this information we are displaying it on
3:39
the browser as well which is a date and
3:41
time so there is a download button if
3:43
you want to download this file so the
3:46
down if you click download the file will
3:48
get downloaded this is actual image file
3:50
that we uploaded we also have a delete
3:52
button dpin icon if you click on this
3:55
individual image you can see the live
3:56
preview of the image that you uploaded
3:58
right here this is your image
4:00
that you are
4:02
having and we can upload some more
4:04
images like
4:06
this now there will be two files if
4:15
you so two files have been uploaded you
4:18
just need to refresh so you will see
4:20
that you can see if you want to upload
4:23
the same file then it will show this m
4:25
message to you that already that file is
4:28
present you can see that so if you
4:33
refresh so you can see that there are
4:37
three files right here you can even
4:38
delete this file as well now if you
4:40
refresh the files table there will be
4:42
three entries which will be added right
4:44
here you can see that we can even
4:47
individually delete the file as well now
4:49
that file has been successfully deleted
4:52
if you refresh the table as well that
4:54
file will get removed right here so this
4:57
is actual file that we uploaded this is
4:59
a first
5:01
file so now let's suppose I want to
5:04
share the functionality if I click the
5:05
share button there will be in Google
5:09
Drive you have the sharing functionality
5:11
as well if you want to make your file
5:13
public you can share it with friends as
5:15
well so there is a functionality as well
5:17
here also if you click the share button
5:19
you can enter the email address to
5:22
whichever person that you want to share
5:23
this file to you so let me register a
5:26
new account right here let's suppose in
5:29
a new app I put again sign up for a new
5:33
let's suppose I say Niha
5:37
and then I register account email
5:41
address like
5:45
this
5:48
password create account so if you
5:51
refresh now there will be two accounts
5:52
right here if you go to the users table
5:54
there will be two accounts n gmail.com
5:58
and now we have two accounts right here
6:00
so if you basically search for this
6:02
email just type here if you just search
6:05
for a random email which doesn't exist
6:08
you will see this error email not found
6:10
in database and if you basically write
6:12
the correct email near gmail.com click
6:16
on share so basically you will see that
6:19
you have successfully shared the file
6:21
and you will be redirected to the
6:22
homepage and now if you login with this
6:24
account right
6:27
here enter the email and the pass
6:29
password click on login and go to this
6:32
option shared with me so if you go to
6:35
this option shared with me you will
6:37
basically find this file guys which you
6:39
have shared with this account if
6:43
you basically
6:45
see this file has been shared with you
6:48
you will see that
6:50
so there is also a recent option as
6:56
well you can see that
7:00
if you click share again go to this
7:01
option so you can see that so in this
7:05
way if you refresh now there will be
7:07
this uh entry will which will be added
7:10
right here which is go to the
7:11
permissions you will see this entry will
7:13
get added so this permission you can see
7:16
that the user can download the file as
7:18
well if you go to Shared they can
7:20
download the file as well so you have
7:23
granted the permission to the user that
7:25
they can download the file and you can
7:26
see that the other user can actually
7:28
download your file and they can view
7:30
their file as well so it's a great
7:32
functionality of Google Drive that you
7:34
see inside Google Drive they can share
7:36
your files as
7:46
well
7:48
so you can also see this uh 2.41
7:52
megabytes of 500 MB used you also see
7:56
this uh progress bar in Google Drive as
7:58
well whenever you want to upload files
8:02
so this is also been seen right here so
8:06
now there will be three files you will
8:08
see
8:09
that you can add some more files right
8:13
here again you can share this file again
8:15
with the same email address click on
8:19
share and now if you refresh there will
8:23
be two files which will be shared with
8:24
this person you will see that so they
8:27
can delete this file
8:30
permission entry deleted successfully so
8:33
there will only be single file remaining
8:35
so they can even delete the file as well
8:39
so in this way guys you can see
8:45
that so now inside the home section I
8:49
can in this account we can basically
8:51
upload a file right here so there will
8:53
be this file which will be
8:57
there so
9:02
you can see you can see that guys there
9:05
is also a unshare option as well if you
9:07
want to unshare this uh file right here
9:10
if you don't want to share this we can
9:12
click the unshare option and now that
9:14
file will get removed from this section
9:17
so now there is no file available right
9:19
here so in this way you can do that you
9:22
can download delete everything you can
9:24
do you can also delete this file as well
9:27
share this file it's a mini Google go
9:29
drive clone if you want this script guys
9:31
the link is given in the description you
9:33
can directly get the full source code of
9:35
this PHP and MySQL Google Drive clone
9:38
and uh uh the link is given you can
9:41
purchase it from my website Google pro
9:44
Cod store.com after you purchase it you
9:46
will be redirected to Google basically
9:49
Google Drive where you can actually
9:51
download the zip file and you can
9:53
extract it this folder structure will
9:55
come in which will get the CSS code
9:57
JavaScript code this is a PHP code all
10:00
the scripts are available this is the
10:02
actual index.php script which will get
10:05
executed for executing it guys you do
10:07
need exam control panel or any hosting
10:10
platform that you are basically hosting
10:12
your website so this is actually a
10:14
crossplatform software to actually
10:16
execute PHP and MySQL applications so
10:19
just write exam control panel if you on
10:22
Google you can simply download this
10:25
before executing it so by default it
10:28
gets installed in the the C directory if
10:30
you install it go to the C directory and
10:34
there is will be exam directory
10:35
available HD doc folder and right here
10:38
upload your zip file and extract it and
10:41
simply you can access your Local Host
10:44
Google Drive clone whatever folder name
10:46
that you have given your application
10:48
right here simply open and then you can
10:50
login with your credentials whenever you
10:52
register a user first of all you need to
10:54
register a user by clicking the sign up
10:56
button and then you can log in your user
10:59
so so now I will basically show you guys
11:01
how
11:02
I uh configure the database so what I
11:05
will do is that I will simply delete
11:07
this database by going to the SQL
11:10
section drop
11:12
database file share so whenever you will
11:14
be downloading the zip file after the
11:17
payment so the very first step you need
11:19
to do you need to create the database uh
11:22
for this specific application you need
11:24
to call this in the we have this do SQL
11:27
file given to you you need to directly
11:29
import this file in the database we need
11:31
to call your database as file share
11:33
because we have mentioned this database
11:35
right here if you call it another name
11:38
then that will create problem just
11:40
create uh go with the default name which
11:42
is file
11:43
share in all small letters click on
11:47
create your database has been created
11:49
after that you need to click on the
11:51
import option and then you need to
11:53
import the SQL file that you got just go
11:56
to your C directory wherever you have
11:59
extracted the
12:01
project so right here we will basically
12:03
import this file which is a do SQL file
12:06
click on import so you will see all the
12:08
tables will get imported this will be
12:11
the files table this will be the
12:12
permission table this will be the user
12:14
table and you can see that
12:18
so these are all the tables right here
12:21
and after that what we need to do we
12:23
just need to go to your login
12:25
page click on sign up and let's
12:33
suppose we give the first name email
12:39
address password click on create
12:42
accounts and you will basically see in
12:43
the users
12:45
table one entry will be added you will
12:47
see that Hera that the DAT you can log
12:50
in
12:53
here if you write incorrect password you
12:56
will they basically get this
12:57
notification that your password is
13:05
incorrect so you are successfully logged
13:07
in and now you can upload your
13:22
files so you can see that now your file
13:26
has been uploaded
13:29
you can see the live preview and if you
13:32
see in the files folder the entry has
13:36
been successfully added and uh we can
13:40
add some more files as
13:43
well so it's a very good project guys if
13:46
you are in a company if you are in a
13:48
college then it's a very good project to
13:50
show you to your teachers or to your
13:53
employer it's a very good mini Google
13:55
Drive clone in PHP MySQL if you are
13:57
interested the link is given in the
13:59
description you can directly purchase it
14:01
from my website tood
14:03
store.com and uh if you're watching it
14:06
for the very first time please hit that
14:08
like button subscribe the channel and
14:10
again if you go to the next app you can
14:12
register a new account click on the sign
14:14
up button all this authentication is
14:17
there you will see
14:26
that so now you can login with this
14:28
account
14:33
so now we are successfully logged
14:36
in you can
14:39
basically so the file is uploaded you
14:41
can see this is actual file with live
14:45
preview and now if you want to share
14:47
this file click on the share option and
14:49
then you can basically search for the
14:51
email address hmail.com and just click
14:54
on share so you will basically see
15:01
uh
15:02
some okay so I think we put the email
15:07
address
15:09
is we will also see 2.45 megabytes of
15:13
500 megabytes
15:19
use so now you can see that I shared
15:21
this file you can even share this file
15:24
as well you can see we have shared this
15:25
file with this email address which is
15:27
nah gmail.com if you go to this email
15:30
address and go to this shared with me
15:32
section you will see the file has been
15:33
shared with you and you can see
15:37
that you can even unshare this file as
15:40
well if you want to Let's suppose if you
15:42
want to also share this
15:46
file this this file as well you can
15:48
simply share it as well
15:54
share so click on unshare you can
15:56
basically unshare your file and now that
15:59
file will be removed there will only be
16:01
one file available it will be I think it
16:04
will be removed yeah so no file has been
16:12
there so you can see unshare option is
16:15
there so you can upload a new
16:20
file if you want to share this file also
16:31
so this is a thing guys if you are
16:33
interested in purchasing this project
16:35
the link is given in the description
16:36
it's a fully fleshed Google Drive mini
16:39
clone and thank you very much for
16:41
watching this
16:42
video and I will be seeing you in the
16:46
next live stream until then thank you
16:47
very much
#File Sharing & Hosting
#Photo & Image Sharing
#Other
#Other
#Cloud Storage