Episode 02 : Code a Google Drive Clone using Laravel and Vue.js – Complete Course
Code a Google Drive Clone using Laravel and Vue.js – Complete Course
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.
⭐️ 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
22
views
Episode 01: JavaScript Modules Crash Course
Learn about JavaScript Module Crash Course. Modules are fundamental concepts in JavaScript before you learn any other library or framework like React, Angular, Vue.js, Node.js, etc. By the end of this video, you'll be able to use modules to add flexibility, reusability, and power to your code.
⭐️ Contents ⭐️
⌨️ (00:00) Welcome to JavaScript Module Crash Course
⌨️ (00:30) How to Take This Course?
⌨️ (01:01) What are Modules in JavaScript, and Why to Use?
⌨️ (04:51) What are Exports and Imports in JavaScript Module?
⌨️ (13:07) What are Default and Named Module Exports in JavaScript?
⌨️ (20:27) What are Aliases in JavaScript Module Import?
⌨️ (22:52) What are Namespaces in JavaScript Module?
⌨️ (25:30) What is Combined Export in JavaScript Module?
⌨️ (32:12) What is Dynamic Import in JavaScript Module?
⌨️ (38:59) How to Handle Multiple Imports Using JavaScript Promise APIs?
⌨️ (44:57) What is Tree Shaking & How Does It Help?
⌨️ (46:50) What's Next & Where to Go From Here?
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
36
views