Description
Build a Canva clone is a Canva clone building course published by Code With Antonio Online Academy. Build a Canva clone is a hands-on course that teaches participants how to build a Canva-like design platform. Led by expert instructor Antonio, the course covers the complete development process including designing user interfaces, implementing design tools, and integrating image editing and graphic creation features. Participants learn how to build a robust and user-friendly application, which includes features such as templates, drag-and-drop editing, and collaborative features. Through hands-on exercises and real-world examples, the course equips learners with the skills needed to develop a complex design platform and gain experience in front-end and back-end development.
In this course, you will learn how to create a visual editor that allows users to customize templates, manipulate text and shapes, and integrate advanced design tools. Ideal for aspiring developers and those interested in creating graphic design tools, this course provides a comprehensive approach to building an application similar to Canva.
What you will learn in the Build a Canva clone course:
- Tailwind
- React.js
- PostgreSQL
- Drizzle
- Next.js
- Honor
- Next Auth
- And …
Course details
Publisher: Code With Antonio
Instructor: Antonio Erdeljac
Language: English
Level of instruction: Beginner to Advanced
Number of lessons: 52
Duration of instruction: 17 hours and 49 minutes
Course topics
Intro
Setup
Basics of Next.js
Setting up Fabric.js
Responsive Canvas
Editor Layout
Editor Navbar
Editor Active Tool
Editor Shape Sidebar
Editor Shape Tool
Editor Fill Color Tool
Editor Stroke Color Tool
Editor Stroke Width Tool Editor
Layering
Editor Opacity Tool
Editor Text Sidebar
Editor Font Family Tool
Editor Font Style Tools
Editor Font Size Tool
Editor Delete Tool
Basics of Hono
Editor Image Sidebar
Editor File Upload
Editor Image Filter Tool
AI Image Generation
AI Background Removal
Clipboard (Copy & Paste)
Drawing Tool
Canvas Settings
Zoom Tool
History (Undo & Redo)
Hotkeys & Shortcuts
Export & Import
Basics of Auth.js
Database & Drizzle Setup
Custom Auth Pages
Google Login
Credentials Login
Auth.js & Hono
Session Provider & User Button
Home Page & Layout
Projects Schema & API
Fetch Existing Project
Autosave Feature
Projects Infinite Load
Duplicate a Project Feature
Delete a Project Feature
Templates Feature
Templates Sidebar
Subscriptions UI
Subscriptions API
Deployment on Vercel
Build a Canva clone course prerequisites
None.
Course images
Build a Canva clone course introduction video
Installation Guide
After Extract, view with your favorite player.
Subtitles: None
Quality: 1080p
File size
4 GB
Download link
You are unauthorized to view this page.
