Product List with Cart

Community feedback

• 

  Ezequiel•1,030

  @3eze3Posted 3 months ago

  Hi 👀, very good solution for this challenge, Obare!

  I have some recommendations that may help you improve even further in your future challenges:

  HTML:

  • SEO Improvements: Ensure that the <h1> tag is unique for each page. Add a description to the alt attribute of your images to enhance accessibility.

  • Semantic Tags: Use more semantic tags like <main>, <section>, and <article> for each card. Use the <figure> element for images along with a <figcaption> to describe the content.

  • Button Accessibility: Add an aria-label to buttons to improve accessibility for screen readers.

  Styles:

  • Animations: Consider speeding up your animations and adding transitions for smoother effects.
  • Spacing Issues: Review your spacing for consistency. You could set width: 100% for the <main> element to avoid horizontal scroll issues.

  React:

  • State Reset for Cart: When a new order is generated, the main-cart-container component does not return to its initial state. If you're using states, consider resetting the cart summary state as well to reflect the change.

  I hope these recommendations have been helpful!

  Happy coding 🍧

  2