Etch-a-Sketch Project

English | Tiếng Việt

---

English

Screenshots

Table of Contents

• About the Project
• Features
• Built With
• Getting Started
• Icons

About the Project

This Etch-a-Sketch web app is built using HTML, CSS, and JavaScript. It allows users to draw on a customizable grid using various modes, such as color picker, random color, and eraser.

Features

• Interactive Drawing: Draw by clicking and holding the mouse over the grid.
• Adjustable Grid Size: Customize your grid, with a minimum size of 2x2.
• Color Picker: Select custom colors for drawing.
• Random Color Mode: Automatically choose random colors for each cell.
• Darken Mode: Gradually darken cell colors with each stroke.
• Eraser Tool: Remove colors from cells.
• Clear Grid: Remove all colors while keeping the grid size intact.
• Toggle Grid Lines: Show or hide grid lines.
• Reset Functionality: Reset the grid and all settings to their defaults.

Built With

• HTML
• CSS
• JavaScript

Getting Started

You can view the live demo here.

To run the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Gbalas855/Etch-a-Sketch

2. Open the index.html file in your preferred web browser.

Icons

Icons used in this project are from Icons8.