Product-list-with-Cart

Solution retrospective
I'm pleased that i was able to achieve the goal of the challenge, and that my design solution offer key functionalities that include; Adding items (e.g., Waffle, Creme Brulee) to cart section, adjusting quantities, viewing item details (images, prices, totals) of each item, and confirming orders via a popup message! Also, i realized that perhaps to manage complex UI state more efficiently, there's need to explore JavaScript frameworks like React or Vue.js!
What challenges did you encounter, and how did you overcome them?Creating, appending, and removing DOM elements gave me some problems as i tried looping through the add-to-cart buttons. Also, real-life update of quantity using the increment and decrement buttons proved quite a challenge. I finally ended up giving each product-item a unique Id to target them separately, extract their details using these Ids and then create a html element in the cart section to display the content. It was quite demanding but i enjoyed that it helped me honed my skills in JavaScript DOM manipulation.
What specific areas of your project would you like help with?Generally, any suggestion on how to write a more efficient code will be greatly appreciated. Thank you!
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on NemanjaChido's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord