Etch-A-Sketch Project.No: 4

The Project is to Build a Etch-A-Sketch using JavaScript, HTML and CSS.

This Project is based on The Odin Project's curriculum.

Here have a Look at the Project 👈

Features:

• A browser version of Etch-A-Sketch.
• The drawing area consist of grids can be resizable from 1x1 - 64x64 of grids.
• Any colour can be selectable for the pen and background.
• Different colour mode is also avaiable, with the clear button as well.

Built with

• HTML
• CSS
• JS

Tools

• Visual Studio Code
• Linux terminal
• Git and GitHub

Third party component

• Google Fonts
• Font Awesome
• ICON8 - Favicon

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

• Learned the basics of CSS Grid.
• Better knowledge of Javascript.
• Learned more about DOM Manipulation and Event Listeners.
• A lot of minor things.

Coded by

👤 chromecodes

• GitHub: chromecodes