Responsive Product List with Cart

Community feedback

• 

  Julianna Messineo•290

  @mathematiCodePosted 5 months ago

  This is a pretty challenging problem to solve with just javascript. But you did a great job! I'm learning React too and the state management tools React provides definitely helps with the multiple different elements updating at the same time.

  One note: For anything that the user needs to click as a button, make sure you wrap it in a button tag so it is accessible to people who only use keyboards and are unable to use a mouse.

  <button class="decrement-button"> <img class="icon-decrement" src="assets/images/icon-decrement-quantity.svg" alt="icon-decrement-quantity"> </button>

  Then you can add the event listener to the button instead of the image so it can be clicked without using the mouse at all.

  Nice job with the modal, that can be tricky. Sometimes people will want to close it just by clicking out of it in the backdrop area. But that is a lot easier with React; you can just use a component that someone else made.

  All of your CSS looks great!

  Marked as helpful

  1

  ---

  

  Daniyal Abbassi Khervi•110

  @daniyal-abbassiPosted 5 months ago

  @mathematiCode thank you for giving me your feedback, it means a lot. this challenge was so hard and sometimes, just so annoyin'. and if you may I like to ask a question since you know react already, for me the path to learning react is so complicated, and ... I get completely lost in it. would you please tell me how you learned it? thank you.

  0

  

  Julianna Messineo•290

  @mathematiCodePosted 5 months ago

  @daniyal-abbassi It is pretty confusing at first compared to html/css/js. I am taking Josh Comeau's Joy of React course and he explains the concepts really well. But still, I have to just do some learning and when I start to feel like nothing is making sense, I do a frontendmentor project to practice and that helps so much! I ask chat gpt when I get stuck.

  This might be helpful too: Thinking in React

  0