YoVDO

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

Offered By: freeCodeCamp

Tags

Laravel Courses Web Development Courses Vue JS Courses

Course Description

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

Related Courses

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX