Code a Google Drive Clone using Laravel and Vue.js – Complete Course
DevOps
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.
✏️ Course developed by @TheCodeholic
💻 Code: https://github.com/thecodeholic/laravel-file-manager
⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:29) Demo ⌨️ (0:08:13) Project Setup ⌨️ (0:14:21) Install Laravel Breeze ⌨️ (0:17:49) Email Verification ⌨️ (0:22:15) DB Overview, Models & Migrations ⌨️ (0:35:56) Explore Intertia Folder Structure ⌨️ (0:37:49) Authentication Layout ⌨️ (1:18:08) Define Main Routes ⌨️ (1:24:16) Create Root Folder On User Registration ⌨️ (1:30:34) Creating Folder ⌨️ (2:06:53) Save Folder Path ⌨️ (2:11:46) Show Files into table ⌨️ (2:26:07) Navigate into Second Level of Folders ⌨️ (2:34:18) Create Folders Inside Subfolder ⌨️ (2:37:01) Implement Breadcrumbs ⌨️ (2:46:44) Uploading Files ⌨️ (4:08:30) Show Human Readable File size ⌨️ (4:16:00) Show File Icons ⌨️ (4:27:56) Show File Progress ⌨️ (4:34:54) Display Error When File Already Exists ⌨️ (4:47:49) Implement Load More ⌨️ (5:11:42) Increase max_file_uploads ⌨️ (5:21:20) Deleting Files ⌨️ (6:23:48) Implement Downloading Files ⌨️ (7:04:32) Show Success Notifications ⌨️ (7:15:36) Implement Trash ⌨️ (8:00:03) Implement Favorites ⌨️ (9: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
🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
3810149234 Bytes