Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

E-commerce product page

coder-abdo 280

@coder-abdo

Desktop design screenshot for the E-commerce product page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

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

P
markus 1,940

@markuslewin

Posted

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-abdo

Posted

@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-abdo

Posted

it works now and the live site is now live.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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