Etch-a-Sketch game

The project is to create a digital version of the game Etch a Sketch only using HTML, CSS and Vanilla JS.

🔗 Live preview: here

Screenshot

Built with

Technologies

• HTML
• CSS
• JS

Tools

• Visual Studio Code
• Linux terminal (windows WSL)
• Git and GitHub
• ESLint
• HTML/Sass Boilerplate (npm)
• Sass preprocessor
• Figma

Features

• Color mode: Possibility to change the color of the pen
• Rainbow mode: draw random colors
• Eraser mode: erase colors
• Ajustable grid size

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 Chrome browsers.

What I learned

• Better knowledge of Javascript.
• Improved code structure and code readability.
• Improved clean code writing.

Author

👤 Edouard Desgrée

• GitHub: edesgree

Created while working on the The Odin Project