Etch-a-Sketch

KO | EN

gitlite — search

#javascript #golang #deep-learning #linux #docker #nodejs #windows #awesome-list #vue #security #ios #mcp #openai #open-source

(★ 10)

A browser version of something between a sketchpad and an Etch-A-Sketch. Built with Html, Css, and Javascript.

Etch-a-Sketch Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![](https://img.shields.io/badge/Microverse-blueviolet)

# "Etch-a-Sketch

A browser version of something between a sketchpad and an Etch-A-Sketch. Upon loading the web browser window, a popup will appear asking for the number of squares per side for the new grid.

![Pop-up window](https://raw.githubusercontent.com/German-Cobian/Etch-a-Sketch/master/assets/Pop-up.png)

Once a number is entered, a new grid is generated that constitutes the new sketch pad.
The grid divs change color when your mouse passes over them, leaving a (pixelated) trail through your grid like a pen would.

![Etch-a-sketch](https://raw.githubusercontent.com/German-Cobian/Etch-a-Sketch/master/assets/Etch-a-sketch.png)

The game is restarted by clicking at the Reset button at the top of the page.

### Built with

* Html
* Css
* Javascript

## Getting Started

### Setup and Install

* Open your terminal - Windows: `Win + R`, then type `cmd` | Mac: `Command + space`, then type `Terminal`.
* Navigate to a directory of your choosing using the `cd` command.
* Run this command in your OS terminal: `git@github.com:German-Cobian/Etch-a-Sketch.git` to get a copy of the project.
* Using your web browser's navigation bar, go to the project's directory and then select the `etch_a_sketch.html` file.

## Authors

👤 **German Cobian**

* GitHub: [@German-Cobian](https://github.com/German-Cobian)
* Twitter: [@GermanCobian1](https://twitter.com/GermanCobian1)
* LinkedIn: [@german-cobian](https://www.linkedin.com/in/german-cobian/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

Guidelines for this project were supplied by [Odin Project](https://www.theodinproject.com/lessons/foundations-etch-a-sketch)

## 📝 License

This project is [MIT](https://github.com/German-Cobian/Etch-a-Sketch/blob/master/LICENSE) licensed.

Etch-a-Sketch

Etch-a-Sketch Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Etch-a-Sketch

Etch-a-Sketch Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README