Code a Google Drive Clone using Laravel and Vue.js – Complete Course

Code a Google Drive Clone using Laravel and Vue.js – Complete Course

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ Project Setup

3 of 36

3 of 36

⌨️ Project Setup

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Code a Google Drive Clone using Laravel and Vue.js – Complete Course

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ⌨️ Intro
  2. 2 ⌨️ Demo
  3. 3 ⌨️ Project Setup
  4. 4 ⌨️ Install Laravel Breeze
  5. 5 ⌨️ Email Verification
  6. 6 ⌨️ DB Overview, Models & Migrations
  7. 7 ⌨️ Explore Intertia Folder Structure
  8. 8 ⌨️ Authentication Layout
  9. 9 ⌨️ Define Main Routes
  10. 10 ⌨️ Create Root Folder On User Registration
  11. 11 ⌨️ Creating Folder
  12. 12 ⌨️ Save Folder Path
  13. 13 ⌨️ Show Files into table
  14. 14 ⌨️ Navigate into Second Level of Folders
  15. 15 ⌨️ Create Folders Inside Subfolder
  16. 16 ⌨️ Implement Breadcrumbs
  17. 17 ⌨️ Uploading Files
  18. 18 ⌨️ Show Human Readable File size
  19. 19 ⌨️ Show File Icons
  20. 20 ⌨️ Show File Progress
  21. 21 ⌨️ Display Error When File Already Exists
  22. 22 ⌨️ Implement Load More
  23. 23 ⌨️ Increase max_file_uploads
  24. 24 ⌨️ Deleting Files
  25. 25 ⌨️ Implement Downloading Files
  26. 26 ⌨️ Show Success Notifications
  27. 27 ⌨️ Implement Trash
  28. 28 ⌨️ Implement Favorites
  29. 29 ⌨️ Sharing Files to Others
  30. 30 ⌨️ Implement Shared With Me Page
  31. 31 ⌨️ Implement Shared By Me Page
  32. 32 ⌨️ Searching for Files
  33. 33 ⌨️ Connect to AWS S3
  34. 34 ⌨️ Download Files from S3
  35. 35 ⌨️ Project Deployment & Bug Fixing
  36. 36 ⌨️ Outro

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.