Chapters (36)
- 0:00Intro
- 0:29Demo
- 8:13Project Setup
- 14:21Install Laravel Breeze
- 17:49Email Verification
- 22:15DB Overview, Models & Migrations
- 35:56Explore Intertia Folder Structure
- 37:49Authentication Layout
- 1:18:08Define Main Routes
- 1:24:16Create Root Folder On User Registration
- 1:30:34Creating Folder
- 2:06:53Save Folder Path
- 2:11:46Show Files into table
- 2:26:07Navigate into Second Level of Folders
- 2:34:18Create Folders Inside Subfolder
- 2:37:01Implement Breadcrumbs
- 2:46:44Uploading Files
- 4:08:30Show Human Readable File size
- 4:16:00Show File Icons
- 4:27:56Show File Progress
- 4:34:54Display Error When File Already Exists
- 4:47:49Implement Load More
- 5:11:42Increase max_file_uploads
- 5:21:20Deleting Files
- 6:23:48Implement Downloading Files
- 7:04:32Show Success Notifications
- 7:15:36Implement Trash
- 8:00:03Implement Favorites
- 9:18:23Sharing Files to Others
- 10:05:16Implement Shared With Me Page
- 10:26:49Implement Shared By Me Page
- 10:50:23Searching for Files
- 11:15:42Connect to AWS S3
- 12:15:42Download Files from S3
- 12:45:19Project Deployment & Bug Fixing
- 13:40:18Outro
Show the creator's full description
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
❤️ Try interactive AI courses we love, right in your browser: https://scrimba.com/freeCodeCamp-AI (Made possible by a grant from our friends at Scrimba)
⭐️ 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
Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.