Responsive Product List with Cart HTML, CSS & JS !

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

This challenge was a real challenge and a milestone for me ! I'm really proud of not giving up and trying until I got it done. This challenge also gave me the opportunity to practice Javascript concepts that I had not gotten to put into practice so far, such as event delegation/DOM traversing and so I'm happy that I got to !

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

This challenge was a real milestone for me! I learned a lot by putting into practice concepts I had not been able to utilize until now, such as event delegation and DOM traversing. Because of the use of insertAdjacentHTML, most of the elements inserted were not interactable via regular means such as document.querySelector. Instead, I had to rely on event delegation and DOM traversing to search for these individual elements by utilizing the .closest method frequently and navigating up and down parent and child elements to grab specific ones. I had to do this to update the state of elements as well, making it more complex this time. I dynamically populated the product list with the provided data.json file. If I manually coded up the product listing, my life honestly would've been easier with this challenge but I'm happy I took the javascript heavy route, as I got to practice a lot in the process.

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

All feedback is much appreciated !