Back to projects

Frontend exercise / Earlier build

Paint

A vanilla JavaScript drawing grid with color, rainbow, gradient, eraser, reset, and resize controls.

Interactive artifact

Pixel sketch grid

}

Problem

The goal was to build a small browser interaction from scratch: grid generation, brush state, pointer events, and reset/resize behavior.

Approach

I wrote the drawing board in plain HTML, CSS, and JavaScript, with scoped state for brush mode, color, opacity, and board size.

Result

The project works as a compact drawing toy and became the first interactive artifact embedded in this portfolio.