[The Odin Project] (https://www.theodinproject.com/paths/foundations/courses/foundations/lessons/etch-a-sketch-project)
A browser version of a sketch board with DOM manipulation.
- Sketch pad with divs grids
- Hover effect: the grid divs change color when your mouse passes over them
- Clear button: clear the whole pad
- Eraser button: clear individual grid when mouse hover
- Customized settings: colors(Black, RGB, selected color), grid size
- HTML5
- CSS3: flexbox, variables
- Vanilla JavaScript: mainly DOM manipulation