Skip to content

DalaScript/paint-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Paint Clone | ZTM JS Web Projects Course

Project 19/20

A fully functional Paint Clone app built with HTML, CSS, and JavaScript. It allows users to draw on a canvas with different brush sizes and colors, erase parts of their drawing, change the background color, and even save/load their artwork using local storage. Users can also download their creations as image files.


📚 Table of Contents


🔎 Overview

📸 Screenshot

Live Preview Screenshot

🔗 Links

📌 Features

  • ✅ Customizable brush size & color
  • ✅ Bucket tool for background color
  • ✅ Eraser tool
  • ✅ Clear canvas with one click
  • ✅ Save & load from Local Storage
  • ✅ Download drawings as JPEG
  • ✅ Responsive canvas
  • ✅ Mobile warning for UX

🛠️ Built with

  • HTML5
  • CSS3
  • JavaScript
  • localStorage
  • Canvas API
  • jscolor.js

🧠 My Process

🗃️ Useful resources

🔙 Previous Project

🔜 Next Project


👤 Author

🌐 Connect with Me

💻 Coding Profiles

🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀