https://github.com/abongsjoel/etch-a-sketch
In this project I build a browser version of something between a sketchpad and an Etch-A-Sketch using plain HTML, CSS and JavaScript
https://github.com/abongsjoel/etch-a-sketch
css-flexbox css3 html5 javascript
Last synced: 25 days ago
JSON representation
In this project I build a browser version of something between a sketchpad and an Etch-A-Sketch using plain HTML, CSS and JavaScript
- Host: GitHub
- URL: https://github.com/abongsjoel/etch-a-sketch
- Owner: abongsjoel
- License: mit
- Created: 2020-07-17T02:48:48.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2021-02-24T23:41:50.000Z (over 5 years ago)
- Last Synced: 2025-01-25T14:13:30.257Z (over 1 year ago)
- Topics: css-flexbox, css3, html5, javascript
- Language: JavaScript
- Homepage: https://abongsjoel.github.io/Etch-A-Sketch/
- Size: 18.6 KB
- Stars: 4
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Etch-A-Sketch
> In this project I build a browser version of something between a sketchpad and an Etch-A-Sketch
In this project, I used plain HTML, CSS and JavaScript to build a browser version of something between a sketchpad and an Etch-A-Sketch. I created the divs using JavaScript and I used flexbox to make the divs appear as a grid. I also setup hover effects so that the grid divs change color when moused over, leaving a (pixalated) trail through the grid like a pen would. I also added a button to the top of the screen which will clear the current grid and send the user a popup asking for how many squares per side to make the new grid
## Live Demo
- [Visit Page](https://abongsjoel.github.io/Etch-A-Sketch/)
## Built With
- HTML
- CSS
- JavaScript
## Author
👤 **Chi A. Joel**
- GitHub: [@abongsjoel](https://github.com/abongsjoel)
- Twitter: [@thierryjoel10](https://twitter.com/ThierryJoel10)
- LinkedIn: [Chi Abongwa Joel](https://www.linkedin.com/in/chi-abongwa-joel-b4285a97/)
## Acknowledgments
- [The Odin Project](https://www.theodinproject.com)
- [w3schools](https://www.w3schools.com)
## Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/abongsjoel/task-manager/issues).
## Show your support
Give a ⭐️ if you like this project!
## License
This project is MIT licensed.