freecodecamporg 8 months ago
Learn to code for free #Web Development

Code a Google Drive Clone using Laravel and Vue.js

Build and deploy a fully functional file manager application with Laravel, PHP, Inertial, and Vue.js. The application is similar to Google Drive.

Learn to implement functionalities such as:

- Creating folders at unlimited depth,

- Uploading files and folders,

- Deleting and Downloading files,

- Searching for files,

- Sharing files,

- Uploading files to AWS S3,

- Deploying the project on a custom domain.


Github

https://github.com/thecodeholic/laravel-file-manager


00:00:00 | Intro

00:00:29 | Demo

00:08:13 | Project Setup

00:14:21 | Install Laravel Breeze

00:17:49 | Email Verification

00:22:15 | DB Overview, Models & Migrations

00:35:56 | Explore Intertia Folder Structure

00:37:49 | Authentication Layout

01:18:08 | Define Main Routes

01:24:16 | Create Root Folder On User Registration

01:30:34 | Creating Folder

02:06:53 | Save Folder Path

02:11:46 | Show Files into table

02:26:07 | Navigate into Second Level of Folders

02:34:18 | Create Folders Inside Subfolder

02:37:01 | Implement Breadcrumbs

02:46:44 | Uploading Files

04:08:30 | Show Human Readable File size

04:16:00 | Show File Icons

04:27:56 | Show File Progress

04:34:54 | Display Error When File Already Exists

04:47:49 | Implement Load More

05:11:42 | Increase max_file_uploads

05:21:20 | Deleting Files

06:23:48 | Implement Downloading Files

07:04:32 | Show Success Notifications

07:15:36 | Implement Trash

08:00:03 | Implement Favorites

09:18:23 | Sharing Files to Others

10:05:16 | Implement Shared With Me Page

10:26:49 | Implement Shared By Me Page

10:50:23 | Searching for Files

11:15:42 | Connect to AWS S3

12:15:42 | Download Files from S3

12:45:19 | Project Deployment & Bug Fixing

13:40:18 | Outro


freeCodeCamp.org
7.21M subscribers