/etch-a-sketch

Learning project: Create 'Etch-A-Sketch' toy

Primary LanguageJavaScript

Etch A Sketch toy

Project to create something like Etch A Sketch toy using only HTML, CSS and Vanilla JS.

From The Odin Project's curriculum.

🔗 Live preview: here

Built with

Technologies

  • HTML
  • CSS
  • JS

Tools

  • Visual Studio Code
  • Linux terminal
  • Git and GitHub
  • ESLint + Airbnb JavaScript Style Guide

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.

Summary

What I learned

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

Author

👤 ArtisDev