My own site!
Built a personal timeline website to showcase my drawing progress over the years. The page pulls drawing data (year, title, description, image) from a JavaScript array and generates each entry dynamically, so adding a new piece is as simple as adding one object to the list.
Split the project into three files — HTML for structure, CSS for styling, and JS for behavior — and added a lightbox so images zoom in on click.
Ran into a bunch of real debugging along the way: broken tags, a rel attribute that needed to be exactly stylesheet, a JS typo where I referenced the wrong variable name, and file paths that worked locally but broke once deployed, since GitHub Pages is case-sensitive and Windows isn't. Fixed each one by reading browser console errors and comparing filenames letter by letter.
