Interactive E-commerce Product Page with HTML, CSS and JS

What are you most proud of, and what would you do differently next time?

This project gave me the opportunity to learn:

• how to make a lightbox modal with full image viewing functionality
• Creating an interactive image gallery with thumbnail selection and highlighting

Both of these were new challenges for me, so it was a valuable learning experience.

What challenges did you encounter, and how did you overcome them?

What I found most challenging was building the lightbox modal and getting its functionality right. Keeping the selected thumbnail same as the main image was okay, until I had to struggle with syncing the selected thumbnail as the user moved to the previous/next image(s).

I eventually solved it by experimenting with the DOM and testing small changes one step at a time until it worked as expected. I relied a lot on logging and re-reading the code to understand where things were going wrong.

What specific areas of your project would you like help with?

I'd like help identifying any mistakes I might have missed and learning if there are better or more efficient ways to implement certain parts. I'd especially appreciate feedback on accessibility, focus management in modals, and ways to improve the structure and readability of my code.