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.
2023-08-21 16:00:00 - freeCodeCamp.org
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