Code With Antonio – Build a Canva clone 2024-8

Code With Antonio – Build a Canva clone 2024-8 Downloadly IRSpace

Apr 18, 2025 - 08:51 Updated: Apr 21, 2025 - 12:01

0 0

Code With Antonio – Build a Canva clone 2024-8

Build a Canva clone is a Canva clone training course published by the Code With Antonio online academy. Build a Canva clone is a hands-on course that teaches participants how to create a Canva-like design platform. Led by expert instructor Antonio, this course covers the complete development process including designing user interfaces, implementing design tools and integrating image editing features and creating graphics. 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, this 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 a Canva-like application.

What you will learn in Build a Finance Platform:

Tailwind
React.js
PostgreSQL
Drizzle
Next.js
Hono
Next Auth
and…

Course specifications

Publisher: Code With Antonio
Instructors: Antonio Erdeljac
Language: English
Level: Introductory to Advanced
Number of Lessons: 57
Duration: 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