Build a Professional and Production-ready Storage Management Platform inspired by giants like Google Drive, Dropbox, and OneDrive, used by billions of users.
⭐ Join JS Mastery Pro: https://jsm.dev/gdrive-jsmpro
💎 Become a Top 1% Next.js Developer: https://jsm.dev/gdrive-nextjs
📁 Free Video Kit (Code, Design, Repo, Guide): https://jsm.dev/gdrive-kit
Appwrite: https://jsm.dev/gdrive-appwrite
WebStorm: https://jsm.dev/gdrive-webstorm
Rate us on TrustPilot: https://jsm.dev/trustpilot
https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery
Business Inquiries: [email protected]
Time Stamps 👇
00:00:00 — Intro
00:03:55 — Setup & Metadata
00:10:50 — ESLint & Prettier
00:14:52 — Design System, Theming & Tailwind Config
00:22:22 — Auth Layout
00:33:46 — Reusable AuthForm
00:51:03 — Setup Appwrite & Create Account
01:20:26 — OTP Modal
01:41:35 — Layout, Nav, Sidebar
02:07:39 — Mobile Navigation
02:17:08 — Finalize Auth
02:27:31 — Upload Files
03:10:56 — Dynamic File Routes
03:25:08 — File Card
03:32:49 — Actions Dropdown
03:50:01 — Rename File
03:55:49 — File Details
04:02:41 — Share File
04:18:17 — Delete File
04:26:48 — Filter Files & Global Search
04:57:00 — Sorting
05:03:03 — Dashboard Page
05:09:05 — Deployment