Build a full-stack Google Drive clone in this comprehensive tutorial using Next.js, TypeScript, Tailwind CSS, and Firebase 9. Learn authentication, create a topbar, implement file upload functionality, initialize Firebase, display files, create folders with nested structures, add Google Auth, and enable file and folder sharing via email. Follow along with the step-by-step guide, from base setup to advanced features, to develop a fully functional cloud storage application. Access the complete source code on GitHub to enhance your full-stack development skills and create a practical, real-world project.
Overview
Syllabus
Introduction
Base Setup
Authentication
Building the Topbar
Upload Files Component I
Initialising Firebase
Upload Files Component ||
Uploading Files to Storage
Displaying Files
Creating Folders
Nested Folders and Files
Adding Google Auth
Sharing Files and Folders using Email
Taught by
freeCodeCamp.org
Related Courses
-
Build and Deploy a LeetCode Clone with React, Next JS, TypeScript, Tailwind CSS, Firebase
-
Build a LinkedIn Clone with React and Firebase – Tutorial
-
Code a Reddit Clone with React, Next.js, Firebase v9, Chakra UI – Full Course
-
YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS)
-
Flutter & Firebase Course - Build a Full Stack Instagram Clone
5.0 -
Create an Instagram Clone with React, Tailwind CSS, Firebase - Tutorial
