/etch-a-sketch

Etch a sketch game made as part of the odin project

Primary LanguageJavaScript

Etch A Sketch

Project to create a Etch A Sketch using only HTML, CSS and Vanilla JS.

Live Demo

Etch A Sketch

etch-a-sketch

Note: This Website works best with High Resolution Screens (1080p and up). Check the improvements section for future updates.

Built with

Technologies

  • JS
  • CSS
  • HTML

Tools

  • Visual Studio Code
  • Linux terminal
  • Git and GitHub
  • ESLint

Third party code

Outcome

  • Used HTML5 semantic elements for better readability and structure.
  • Used CSS3 grid and flex to create layout.
  • Used Git and GitHub for project management.
  • Tried to maintain clean code.
  • Cross tested on Firefox and Chromium based browsers.

Improvements

Features I am going to add to this app:

  • Approach a Responsive Web Design(RWD)
  • Add shading and lighten functions

Summary

What I learned

  • Better knowledge of Javascript.
  • Improved code structure and code readability.
  • Improved clean code writing.
  • A lot of minor things.

Contributing

Contributions, issues, and feature requests are welcome!

Author

👤 voidchef