Submitted 2 months ago

Project MTD

Paloma-Cruz•20

@Paloma-Cruz

Preview site View code

This is a solution for...Product list with cart

HTML
CSS
JS

2junior

Design comparison

SolutionDesign

Solution retrospective

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

I am proud of the project's fidelity to the proposed designer.

What challenges did you encounter, and how did you overcome them?

I didn't encounter any challenges in this project, other than the fact that I didn't have a Figma designer to guide me. The solution was to use other means, including Figma's own tools to extract information from the example images I had.

What specific areas of your project would you like help with?

Which took me more time, as I'm not used to deploying using GitHub pages.

Community feedback

Ilya Andreev•750
@NeoScripterPosted about 2 months ago
Hey, Paloma! Good job using React for this project. The cart gets updated dinamically, corretly displays the items and empties out when the order is submitted. Here are the things I recommend to improve:

You could add a dollar sign to the finally calculated price, currently, it's just a number.

For the tablet screens, you could lay the items in two columns and then into one on mobile screens. Currently, it transitions into one column right away.

The cart icon appears only after about 2 seconds if I remove the item from the cart. The same goes to the delete item sign in the list. I don't know if it's intentional, but I would make them appear instantly.

I would add more space between the title, description and price of each item, currently, they are right next to each other.

Other than that, good job!
0

Please log in to post a comment

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