Skip to content
Submitted 12 months ago

Product List with Cart using HTML, CSS and JS

jest
Dugidem•250
@DeeNue36
A solution to the Product list with cart challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I'm proud of how I tackled this project. I decided to use the json to populate the DOM and carry out all my actions with the dynamically added elements. It was a whole lot of fun. Next time maybe I'll use append and appendChild as opposed to template literals.

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

Keeping track of the cart count, toggling between the add to cart button and the increment/decrement button, displaying the added products in the modal etc. All I can say is this challenge definitely isn't a junior challenge

Code

Please log in to post a comment

Log in

Community feedback

  • Jack1224E•10
    @Jack1224E

    your site looks way more cool actually than the original one! The item cards are sleek.

  • xNyfPtx•1,260
    @xNyfPtx

    I don't reccomend setting a custom background image like that. Just stick with the design and colors provided. You risk violating WCAG Color Accesibility Guidelines (in short, minimal color contrast needed so that users can read the text easily)

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