Engineering Journal

Odin Project

How I Built the Calculator

This was the final project of The Odin Project’s Foundations course. It tied everything together — HTML, CSS, JavaScript, and DOM manipulation.

One of the challenging parts was adding keyboard support and handling edge cases like "NaN" bugs.

DOM Manipulation

Building the Etch-A-Sketch

Understanding how paint applications work by manipulating the DOM grid. I implemented a dynamic grid where hovering changes opacity to create a sketching effect.

It was an excellent exercise in loops and event listeners.