Etch a Sketch

A browser version of something between a sketchpad and an Etch-A-Sketch. Did this project to sharpen DOM manipulation skills as a part of The Odin Project curriculum. The grid creation felt like the hardest part when I did this project. Very basic with an eraser in it but nothing else.

Goal

  • Improve DOM manipulation skills

Tech used

  • HTML5
  • CSS
  • JavaScript

Screenshots

Screenshot of etch a sketch which sets the thickness of the brush

Screenshot of etch a sketch which sets the thickness of the brush at the beginning

Drawing with a rounded square brush of size 12

Drawing with a rounded square brush of size 12

Drawing with a rounded square brush of size 56

Drawing with a rounded square brush of size 56