Etch-a-Sketch: Веб-додаток для малювання
Інтерактивна піксельна сітка, в якій користувач може "малювати", наводячи курсором на блоки. Гра з кольорами, прозорістю та розміром сітки — все реалізовано на чистому JavaScript.
Реалізовано:
- динамічна сітка (від 1×1 до 100×100)
- випадкове зафарбування кольором при наведенні
- ефект затемнення блоків з кожним наведенням (зниження прозорості)
- можливість змінювати розмір сітки
- адаптивний інтерфейс, який підлаштовується під розмір екрану
Використано:
- HTML5
- CSS3 (flexbox, responsive design)
- JavaScript (DOM-маніпуляції, генерація кольорів, обробка подій)
Проєкт створено як частину навчання в The Odin Project. Весь функціонал реалізований самостійно.
Реалізовано:
- динамічна сітка (від 1×1 до 100×100)
- випадкове зафарбування кольором при наведенні
- ефект затемнення блоків з кожним наведенням (зниження прозорості)
- можливість змінювати розмір сітки
- адаптивний інтерфейс, який підлаштовується під розмір екрану
Використано:
- HTML5
- CSS3 (flexbox, responsive design)
- JavaScript (DOM-маніпуляції, генерація кольорів, обробка подій)
Проєкт створено як частину навчання в The Odin Project. Весь функціонал реалізований самостійно.