pandityashkaushik4963

@pandityashkaushik4963 on Ys Draw · 15 days ago

1h 7m 31s logged

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! 🚀

Ship Changes requested

@pandityashkaushik4963 on Docs - A Premium Draggable Notes & Todo Web App · 24 days ago

I have built Docs, a premium dark-themed draggable notes and todo web app using React and Vite. The most challenging part was resolving the Netlify single-page application refresh routing bug and building an advanced layout that is completely responsive from desktop to mobile screens. I am incredibly proud of implementing a seamless, fluid draggable interface that works flawlessly across all devices. Users can test it live immediately via the deployment link to manage their workflow with custom note organization and dynamic todo states.

1 devlog
5h

Try project → See source code →

Open comments for this post

@pandityashkaushik4963 on Docs - A Premium Draggable Notes & Todo Web App · 24 days ago

4h 40m 10s logged

📝 Project Update: Docs is Officially Live & Fully Responsive!

I have successfully built, optimized, and completed the core functionality of “Docs”, a premium draggable notes and todo web app.

✨ Key Features Built:
=> “Dynamic Note Creation:” Users can seamlessly create custom notes on the fly.

=> “Premium Draggable Interface:” Cards can be dragged around freely for custom workflow organization.

=> “Smart Task Management:” Seamlessly track tasks using distinct Pending and Completed state filters.

=> “100% Responsive UI:” Optimized using advanced styling layouts so that the entire interface adapts beautifully from desktop down to mobile viewports without any breakages! 📱

🛠️ Development & Optimization:

“Time Invested”: Spent 4 hours and 40 minutes refining the interactive user experience.
“Performance”: Handled dynamic item sorting and ensured a lightning-fast experience using Vite and React.
“Deployment”: The application is hosted on Netlify and officially ready for use! 🚀