Skip to content
Submitted 5 months ago

E-commerce product page

coder-abdo•280
@coder-abdo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...E-commerce product page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

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

I am using zustand as the main state management for the project with custom hooks and organized files.

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

complex states which I overcome by using zustand and custom hooks.

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

in the building stage, there is a minor error that makes my solution not appear properly.

Community feedback

  • markus•2,250
    @markuslewinPosted 5 months ago

    Hi!

    products[0] doesn't exist when the array is empty, so the script crashes. You probably meant to write products[0]?.quantity || 0 in productDescription.jsx!

    Marked as helpful
    0
    coder-abdo•280
    @coder-abdoPosted 5 months ago

    @markuslewin here is my fault, I always use typescript to prevent such a minor mistake like that so I will try your solution, and hopefully works.

    1
  • coder-abdo•280
    @coder-abdoPosted 5 months ago

    it works now and the live site is now live.

    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