Summary
Keywords
Full Transcript
📚 Learn how to create a fully functional clone of Eraser.io using Next.js, React, TypeScript, and Tailwind CSS. Follow along as we build and deploy this collaborative drawing application, covering essential concepts in full-stack development in just a few simple steps. Dive into modern web development and unleash your creativity with this hands-on tutorial! ⭐ Convex : https://convex.dev/c/tubeguruji ⭐ Kinde : https://kinde.com ⭐ Eraser.io : https://www.eraser.io/ Demo : https://erasor-clone.vercel.app/ 🌟 Now Start Building Real Life Projects to Make Real Money: https://tubeguruji.com 🌟🌟All Exclusive Content (Membership) : https://www.tubeguruji.com🌟🌟 📚 Materials/References: GitHub Repository For Application (give it a star ⭐): https://github.com/rrs301/erasor_clone 🖼️ Follow us on Instagram: https://www.instagram.com/tubeguruji/ /TubeGuruji 💼 Business Inquiries: [email protected] Sponsored By : Convex.dev Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join 📚Key Features - User Can Create Teams & Files - User Can Write on Document and Also Draw on whiteboard on Same Screen - User Can Save and Retrive Document & whiteboard - Learn Convex Database - Build SASS App - Control Free Plan and Paid Plan - More than 50+ Document Features - More than 30+ Whiteboard Feature - & Many More Timestamp 00:00:00 Introduction 00:05:22 Project Setup 00:17:36 Landing Screen 00:32:53 App Routing 00:38:01 Authentication 00:50:13 Protect Pages 00:56:26 Setup Convex 01:02:59 Convex Query & Mutation 01:14:02 Convex Alternate Query 01:19:31 Create New Team 01:43:38 SideBar 02:27:02 Create/Add New File 02:44:51 Update Total File Progress Bar 02:54:18 Dashboard 03:18:42 Workspace Layout 03:26:61 Add Editor.js Document 03:45:33 Save Document 04:01:22 Retrieve Saved Document & Display 04:10:57 Quick Fix 04:11:59 Add Whiteboard/Canvas 04:24:54 Save and Open Canvas 04:39:01 Upgrade (Pricing Section Only UI) 04:46:05 Deploy App + Convex DB 04:56:39 Finish
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
