/etch-a-sketch

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

Primary LanguageJavaScript

Etch A Sketch

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

Showcase

screenshot 1

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