Skip to content

A browser version of something between a sketchpad and an Etch-A-Sketch.

License

Notifications You must be signed in to change notification settings

szmazhr/etch-a-sketch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Etch-a-Sketch

Another project Etch-a-Sketch from TheOdinProject to flex the DOM manipulation skills.

Learning Outcome Summary

There is nothing new in this project but a good practice of what I learned in previous projects to explore the leaning outcome please follow the link to the last project Rock Paper Scissors

About This Project

It is just like a pixelate drawing pad, has random color mode and single color mode. cool thing about the color is on changing the color it changes the whole theme i.e. logo color and button hover color etc. It response to hover or click as whatever the users selection, border can be removed and also add back. Grid size is also flexible it can be set to between 1x1 to 100x100 just by sliding the slider in the sidebar. It also had a reset button which clear the pad and also some other settings to default, and a clear button which just clear the pad.

Preview

Live: https://szmazhr.github.io/etch-a-sketch/

Etch a Sketch

Note

The outcomes listed above are not necessarily used in the project. They are just a summary of what I learned, through TheOdinProject's Curriculum, between previous projects and the current one.

Credit

TinyColor: used for come color conversion etc.