How To Build A Google Drive Clone With Firebase
This is a massive video. We cover everything you need to know about Firebase to create any app you can dream of. This includes, authentication, file storage, database storage, and so much more. This video has it all.
📚 Materials/References:
Starting GitHub Code: https://github.com/WebDevSimplified/React-Firebase-Auth
Final GitHub Code: https://github.com/WebDevSimplified/firebase-google-drive-clone
React Firebase Auth Tutorial: https://youtu.be/PKwu15ldZ7k
useReducer Tutorial: https://youtu.be/kK_Wqx3RnHk
React Portal Tutorial: https://youtu.be/LyLa7dU5tp8
🌎 Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00:00 - Introduction
00:00:36 - Demo
00:03:45 - Modifying Existing Code
00:09:34 - Navbar
00:13:42 - Adding Folders
00:29:06 - useFolder Hook
00:52:16 - Folder View
00:57:10 - Breadcrumbs
01:12:33 - Firebase Rules
01:17:49 - Add File Button
01:33:02 - File View
01:35:13 - Upload Progress Component
01:45:51 - Handling Duplicates
#React #WDS #Firebase
Видео How To Build A Google Drive Clone With Firebase канала Web Dev Simplified
📚 Materials/References:
Starting GitHub Code: https://github.com/WebDevSimplified/React-Firebase-Auth
Final GitHub Code: https://github.com/WebDevSimplified/firebase-google-drive-clone
React Firebase Auth Tutorial: https://youtu.be/PKwu15ldZ7k
useReducer Tutorial: https://youtu.be/kK_Wqx3RnHk
React Portal Tutorial: https://youtu.be/LyLa7dU5tp8
🌎 Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00:00 - Introduction
00:00:36 - Demo
00:03:45 - Modifying Existing Code
00:09:34 - Navbar
00:13:42 - Adding Folders
00:29:06 - useFolder Hook
00:52:16 - Folder View
00:57:10 - Breadcrumbs
01:12:33 - Firebase Rules
01:17:49 - Add File Button
01:33:02 - File View
01:35:13 - Upload Progress Component
01:45:51 - Handling Duplicates
#React #WDS #Firebase
Видео How To Build A Google Drive Clone With Firebase канала Web Dev Simplified
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
React Authentication Crash Course With Firebase And Routing8 Steps To Building A Successful ProjectI Challenged The CSS King To A CSS BattleJavaScript Trivia With Dev Ed - Who Wants To Be A MegabitWhat is an API?How to use Google Drive API to upload, delete and create a public URL for a file. 🔥I Challenged An Expert Designer To A CSS BattleLearn HTML5 and CSS3 For Beginners - Crash CourseWhich Path Should You Choose?5+ Must Know HTML Tags That Almost Nobody KnowsHow To Create A Messaging App With Socket.io And ReactFirebase - Back to the BasicsDon't Buy Alexa! Build Your Own. Create a Virtual Assistant with Python | Python Project | Jarvis AIBuild A Responsive Website With HTML & CSS TutorialBuild a Photo Gallery With React & FirebaseHow To Build A Google Docs Clone With React, Socket.io, and MongoDBNode.js Passport Login System TutorialBeginner React.js Coding Interview (ft. Clément Mihailescu)How I learned to code and landed a job (no CS degree!)React File Uploader With Express (Using React Hooks)