Design comparison
Solution retrospective
I'm proud that I could finish this challenge. It was the most difficult for me until this moment. I learned a lot and had to do lots of research to achieve this.
What challenges did you encounter, and how did you overcome them?This challenge was very tricky because of the number of places where the prices and articles had to be shown. At first, I tried using interpolation ${}, but this did not work the way I wanted. Then I had to create another object and put all the card data inside by clicking the add to cart button, then distribute that data on every card or label.
What specific areas of your project would you like help with?I don't know yet if there's maybe another way to do it or if this was just a long code challenge. I tried to make it shorter, but it crashed every time I tried.
Community feedback
- @dylan-dot-cPosted 3 months ago
This is a good solution bro but in terms of functioniality there are a few places to improve.
You need to make it so when I click a button to add an item, the count for it says 1 and not 0. Also make sure it doesnt show 0 * [name of item] as that makes no sense. also make it that when you add and remove an item until its 0 it goes back to the original style of "Add To Cart." You also need to have an "X" button to clear an item completely from the list.
Anyways you can take a look at my solution and see how I did it and tell me what you think. I did it with vue by the way.
Marked as helpful0@DarionvrPosted 3 months ago@dylan-dot-c Thanks for your feedback! I noticed those details too. I will definitely look at your code to see how I can fix mine. Those functionality details are very important for the user experience. I also think that I should do this with React.
0
Please log in to post a comment
Log in with GitHub
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