Build a Canva Clone
Autoplay
1
Intro to Build a Canva Clone
2
Setup
3
Basics of Next.js
4
Setting Up Fabric.js
5
Responsive Canvas
6
Editor Layout
7
Editor Navbar
8
Editor Active Tool
9
Editor Shape Sidebar
10
Editor Shape Tool
11
Editor Fill Color Tool
12
Editor Stroke Color Tool
13
Editor Stroke Width Tool
14
Editor Layering
15
Editor Opacity Tool
16
Editor Text Sidebar
17
Editor Font Family Tool
18
Editor Font Style Tools
19
Editor Font Size Tool
20
Editor Delete Tool
21
Basics of Hono
22
Editor Image Sidebar
23
Editor File Upload
24
Editor Image Filter Tool
25
AI Image Generation
26
AI Background Removal
27
Clipboard (Copy & Paste)
28
Drawing Tool
29
Canvas Settings
30
Zoom Tool
31
History (Undo & Redo)
32
Hotkeys & Shortcuts
33
Export & Import
34
Basics of Auth.js
35
Database & Drizzle Setup
36
Custom Auth Pages
37
Google Login
38
Credentials Login
39
Auth.js & Hono
40
Session Provider & User Button
41
Home Page & Layout
42
Projects Schema & API
43
Fetch Existing Project
44
Autosave Feature
45
Projects Infinite Load
46
Duplicate a Project Feature
47
Delete a Project Feature
48
Templates Feature
49
Templates Sidebar
50
Subscriptions UI
51
Subscriptions API
52
Deployment on Vercel
Browse
Search
Lessons
Loading
Code
Source Code
Deployment on Vercel
