Submitted 2 months ago

Interactive Cart and validation

Daniuy3• 210

@Daniuy3

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Product list with cart

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?

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

@SecretariatV

Posted 2 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

Daniuy3• 210

@Daniuy3

Posted 2 months ago

@SecretariatV

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

best regards.

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