Skip to content
Submitted about 1 month ago

Product-list with cart

#react
P
MathiasHun1•410
@MathiasHun1
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product list with cart
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

Site is working and responsive, but I will refactor it first, then outsource the state management to Content API or Redux

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

I didn't want to modify the given JSON data file, so I track the orders / cart-items in a derived data I create from that. The solution works but I feel it is a bit messy. I'm open to any critical thougts about that, or anything else :)

Community feedback

  • mashofa•350
    @mbank14Posted about 1 month ago

    Hello, it's a very good result, but I think you can still make a slight adjustment. Instead of basing the 'add to cart' on isActive, it should be based on qty, because when I tried clicking, the qty displayed was 0 instead of 1, so it didn't go directly to the cart.

    Marked as helpful
    0
    P
    MathiasHun1•410
    @MathiasHun1Posted about 1 month ago

    @mbank14 Thanks, I check it out!

    0

Please log in to post a comment

Log in with GitHub

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