Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

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

via freeCodeCamp

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Develop a fully functional Google Drive-like file manager application using Laravel, PHP, Inertial, and Vue.js in this comprehensive 14-hour course. Master essential features such as creating nested folders, uploading files and folders, deleting and downloading files, implementing search functionality, sharing files, integrating with AWS S3, and deploying the project on a custom domain. Follow along with step-by-step instructions to build a robust backend with Laravel and a responsive frontend with Vue.js. Learn to implement user authentication, email verification, and create an intuitive user interface for managing files and folders. Gain hands-on experience in handling file operations, implementing trash and favorites features, and optimizing file uploads. By the end of this course, you'll have the skills to create a sophisticated file management system and deploy it to a live server.

Syllabus

⌨️ Intro
⌨️ Demo
⌨️ Project Setup
⌨️ Install Laravel Breeze
⌨️ Email Verification
⌨️ DB Overview, Models & Migrations
⌨️ Explore Intertia Folder Structure
⌨️ Authentication Layout
⌨️ Define Main Routes
⌨️ Create Root Folder On User Registration
⌨️ Creating Folder
⌨️ Save Folder Path
⌨️ Show Files into table
⌨️ Navigate into Second Level of Folders
⌨️ Create Folders Inside Subfolder
⌨️ Implement Breadcrumbs
⌨️ Uploading Files
⌨️ Show Human Readable File size
⌨️ Show File Icons
⌨️ Show File Progress
⌨️ Display Error When File Already Exists
⌨️ Implement Load More
⌨️ Increase max_file_uploads
⌨️ Deleting Files
⌨️ Implement Downloading Files
⌨️ Show Success Notifications
⌨️ Implement Trash
⌨️ Implement Favorites
⌨️ Sharing Files to Others
⌨️ Implement Shared With Me Page
⌨️ Implement Shared By Me Page
⌨️ Searching for Files
⌨️ Connect to AWS S3
⌨️ Download Files from S3
⌨️ Project Deployment & Bug Fixing
⌨️ Outro

Taught by

freeCodeCamp.org

Reviews

Start your review of Code a Google Drive Clone using Laravel and Vue.js – Complete Course

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.