emuel-vassallo / etch-a-sketch

A simple web version of the Etch A Sketch drawing toy.

Etch A Sketch

A simple sketching app similar to the Etch A Sketch drawing toy. Created as part of The Odin Project's curriculum.

Live Demo

Showcase

Technologies

• HTML
• CSS
• JavaScript

Features

• Minimal UI
• Shake animation when clearing the screen
• Three different color modes
  • Normal
  • Rainbow
  • Darken

What I Learned

• Using a custom imported font
• Making an element shake using an animation
• Using event listeners with buttons
• Getting a random color
• Working with CSS grids

Credits

• Etch-A-Sketch Design by Tyler Pate