โ† All freeCodeCamp videos

Full Stack Next.js, Typescript, Firebase Tutorial โ€“ Google Drive Clone

73,142 viewsโ€ข 1,871 likesโ€ข 2023-09-06โ€ข 2:33:59โ€ข Watch on YouTube โ†—โ€ข freeCodeCamp โ†—
FullstackBackendNext.jsTypeScriptFirebase

Chapters (13)

Show the creator's full description
Learn how to build a full stack Google Drive clone using Next.js, TypeScript, Tailwind CSS, and Firebase 9. โœ๏ธ Course developed by @CybernaticoByNishant ๐Ÿ’ป Code: https://github.com/nishant-666/Drive-2.0 โค๏ธ Try interactive Full Stack courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Fullstack (Made possible by a grant from our friends at Scrimba) โญ๏ธ Contents โญ๏ธ (0:00:00) Introduction (0:02:56) Base Setup (0:06:46) Authentication (0:29:26) Building the Topbar (0:33:07) Upload Files Component I (0:42:00) Initialising Firebase (0:48:53) Upload Files Component || (0:54:43) Uploading Files to Storage (1:06:06) Displaying Files (1:24:35) Creating Folders (1:39:35) Nested Folders and Files (2:17:23) Adding Google Auth (2:20:13) Sharing Files and Folders using Email ๐ŸŽ‰ Thanks to our Champion and Sponsor supporters: ๐Ÿ‘พ davthecoder ๐Ÿ‘พ jedi-or-sith ๐Ÿ‘พ ๅ—ๅฎฎๅƒๅฝฑ ๐Ÿ‘พ Agustรญn Kussrow ๐Ÿ‘พ Nattira Maneerat ๐Ÿ‘พ Heather Wcislo ๐Ÿ‘พ Serhiy Kalinets ๐Ÿ‘พ Justin Hual ๐Ÿ‘พ Otis Morgan ๐Ÿ‘พ Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news โค๏ธ Support for this channel comes from our friends at Scrimba โ€“ the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp

Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.