DEV Community

Khahliso Sekoto
Khahliso Sekoto

Posted on

Dynamic DOM Manipulation & Hover Mechanics: Cracking the Etch-a-Sketch Project

Another milestone unlocked!

Today I finished building my browser-based Etch-a-Sketch project as part of The Odin Project Foundations curriculum.

This project was a fantastic challenge that pushed me to dive deep into:
-Dynamic DOM Manipulation — using JavaScript loops to generate grids on the fly.
-Advanced Flexbox Layouts — calculating pixel dimensions and border boxes perfectly without breaking rows.
-Event Listeners — capturing mouse movements to create interactive, hover-based drawing mechanics.

It felt incredible to wrap things up, document it in my README, and push the final build straight to GitHub via the terminal!

Try it out live: https://lnkd.in/dmtJMm7U
View the source code: https://lnkd.in/drgtVEa8

Onwards to the next challenge!

TheOdinProject #WebDevelopment #JavaScript #CSSFlexbox #CodingJourney #BuildInPublic #FrontEnd

Top comments (0)