The Odin Project - Etch & Sketch project
Create a webpage with grid of sqaures, to be modified in different ways with mouse hovering over square.
Rev 2.0 Changed grid of squares created with flex to css grid. Bug fix, added user select none to stop mouse dragging. Some naming clarifications.
Rev 3.0 Change html element id's to classes - BEM. Add mouseenter event listener to each created enterSketchPadSquare. Remove propagated listener on sketchPad(squaresContainer). Break out code into individual functions. Rename variables for clarification. Add Pen/Eraser swatch. Add user notifications for selections.
Rev 4.0 Added Color Picker. Moved code blocks from smaller functions directly into main functions and into button event handler anonymous functions. Abandoned BEM and added id's to html elements. Normalized all colors to RGB format. Grouped functions into categories and renamed functions. Bug fixes for button interactions.