Etch-a-Sketch: Web application for drawing
Interactive pixel grid where the user can "draw" by moving the cursor over blocks. A game with colors, transparency, and grid size — all implemented in pure JavaScript.
Implemented:
- dynamic grid (from 1×1 to 100×100)
- random coloring on hover
- darkening effect on blocks with each hover (reducing transparency)
- ability to change grid size
- responsive interface that adapts to screen size
Used:
- HTML5
- CSS3 (flexbox, responsive design)
- JavaScript (DOM manipulation, color generation, event handling)
The project was created as part of learning in The Odin Project. All functionality was implemented independently.
Implemented:
- dynamic grid (from 1×1 to 100×100)
- random coloring on hover
- darkening effect on blocks with each hover (reducing transparency)
- ability to change grid size
- responsive interface that adapts to screen size
Used:
- HTML5
- CSS3 (flexbox, responsive design)
- JavaScript (DOM manipulation, color generation, event handling)
The project was created as part of learning in The Odin Project. All functionality was implemented independently.