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

Product list with cart

Evan 180

@eva003n

Desktop design screenshot for the Product list with cart coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

implemented the model view controller design pattern i learnt recently

Community feedback

@SudipKhatri036

Posted

Well Done! Your solution looks great. These two minor fixes will make your project more perfect

  1. .add-to-cart, .update_quantity { transition: all .5s ease-in-out; // this is making ui experience feel like slow and laggy reduce this value to make user experience better } *while adding item to cart button state is taking more time that's making it feel like slow .

  2. While removing one cart item after adding two or more items the state of added items is not staying same in increase decrease state but it is going back to add to cart state. You can go through my solution for idea it is not that great but i think you will get idea for this.

Happy coding! 🙂

Marked as helpful

0

Evan 180

@eva003n

Posted

@SudipKhatri036 Oooohh thanks for the feedback, just noticed and fixed the problem,

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