Hey Hack Club! 👋 I just started working on YsDraw, a web-based paint application built from scratch using HTML5 Canvas, CSS3, and JavaScript!

This is actually my very first HTML5 Canvas project, and building it is helping me learn so much about canvas rendering, context manipulation, and pixel operations!

I’ve just finished the initial core setup, and here is what is working so far:

• Basic Drawing: Smooth Pencil tool, an adaptive Eraser, and dedicated geometric shape tools (Line, Rectangle, Oval).
• Core Functions: A basic Scanline Flood-Fill tool (bucket), a floating Text input tool, and a brush thickness slider.
• UX Basics: A multi-state Undo/Redo history stack and a simple toolbar that transitions to a bottom-bar on mobile screens.

I’ve successfully uploaded the code to GitHub and deployed this first version live on Netlify to test it out!

What’s Next?
This is definitely not finished yet! In the next updates, I’m going to heavily upgrade the UI/UX to make it look super premium, optimize the canvas performance, and add more advanced creative tools. Stay tuned! 🚀