Submitted 4 months ago

Interactive Cart and validation

Daniuy3•210

@Daniuy3

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?

About the project

I tried to make the best practices, using components and states to manage the page obiously with React. I only used vanilla CSS

I discovered a way to give a money format to any number, the function is in utilidades/utilidades.js if you want to use it, it just needs a number and returns a USD format

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

I had an especific problem while I reload the page, it's supose to remember the cart before the reloading and it works, but i couldn't find I way to change the button who increase the quantity of products after the reload, it's just like at the begining

Community feedback

SecretariatV•150
@SecretariatVPosted 4 months ago
Hi, @Daniuy3. Nice to meet you.

Your solution is good. But have got some improvement.

I think in the confirm modal you set the border radius for individual orders. It's incorrect.

{cart.map( prod => ( <div className="modal__prod" key={prod.id} >... </div> )};

It will be sufficiently improved if you set the 'div' before this part and set the 'background' and 'border radius'.

I wish you success.
Marked as helpful
0
Daniuy3•210
@Daniuy3Posted 4 months ago
@SecretariatV

thank you so much for the Feedback, I've already changed that and I fixed a bug too.

best regards.
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