Code a Google Drive Clone using Laravel and Vue.js – Complete Course
By freeCodeCamp.org
Published: Aug 21, 2023“
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
”
EricBrooks.Com® is licensed under a Creative Commons License.