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