projects

Etch-A-Sketch

A browser-based etch-a-sketch drawing application that demonstrates DOM manipulation and interactive web design fundamentals.

About

This project was built as part of The Odin Project, a free open-source coding curriculum. It implements a digital version of the classic Etch-A-Sketch toy, allowing users to draw by hovering over a grid of cells.

Features

  • Interactive Grid - Draw by moving your cursor across the grid
  • Dynamic Canvas - Each cell responds to mouse interactions
  • DOM Manipulation - Demonstrates event handling and element styling
  • Responsive Design - Works across different screen sizes

Technologies Used

  • HTML - Structure and layout
  • CSS - Styling and visual design
  • TypeScript - Logic and DOM manipulation
  • Vanilla JavaScript - No frameworks, pure web fundamentals