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

Success 280

@techmad60

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


Really loved this one. It really tested my nerves and strong will as a developer. There were moments when I wanted to just give up the whole thing, but that'd be easy.

I learned more about positioning and also learned that the best way to be a programmer is by breaking the task into bits and also trying to be calm while working on a task.

Community feedback

@Amaefula-Joel

Posted

Well done on the good work you put in to this challenge. It must have been hard working on this cause I also spent a lot of time working on this. Just some things I noticed from the site.

  • I'm viewing your site from my phone and noticed that if I am on the first slide and I press the previous arrow it doesn't take me to the last slide. Try tweaking your code so that it allows one to go to the last image on the slide.
  • when I click on the plus icon to increase the number and when I press the button add to cart, it doesn't work when I click on other parts of the button like the colored part of the button. The add to cart only worked when I clicked on the text directly. This can be solved by adding the event listener on the element wrapping the cart icon and the text, so that it'll be more accessible.
  • also make it so that once the add to cart is clicked, the number resets, so that the user knows that the cart has been updated.
  • a user can't add more than 3 items to the cart

Other than that good job on this challenge

Marked as helpful

0

Success 280

@techmad60

Posted

@Amaefula-Joel Thank you very much my bro for your feedback.

  • I didn't implement the slide functionality you pointed out, cause it made me wonder, what the use of the prev and next buttons were, if the user can just keep clicking away. *I also didn't want the user, to keep clicking away on the increment and decrement buttons. That's why I left it at a max of 3. No product is always available in large quantities.

Once again thank you for your feedback, it was appreciated. I would love to connect with you.

1

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