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

YouTube

How to Build a Google Drive Clone with Firebase

Web Dev Simplified via YouTube

Overview

Learn how to build a Google Drive clone using Firebase in this comprehensive video tutorial. Dive deep into Firebase functionalities, including authentication, file storage, and database storage. Explore the step-by-step process of creating a fully functional cloud storage application, starting with modifying existing code and building essential components like the navbar and folder structure. Master the useFolder hook, implement breadcrumbs for easy navigation, and set up Firebase rules for security. Discover how to add file upload functionality, create a file view, and develop an upload progress component. Finally, learn to handle duplicate files effectively. Access provided GitHub repositories for starting and final code, and benefit from additional resources on React Firebase authentication, useReducer, and React Portal.

Syllabus

- Introduction
- Demo
- Modifying Existing Code
- Navbar
- Adding Folders
- useFolder Hook
- Folder View
- Breadcrumbs
- Firebase Rules
- Add File Button
- File View
- Upload Progress Component
- Handling Duplicates

Taught by

Web Dev Simplified

Reviews

Start your review of How to Build a Google Drive Clone with Firebase

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.