Skip to content
Submitted about 1 year ago

Interactive Cart and validation

react
Daniuy3•210
@Daniuy3
A solution to the Product list with cart challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code

Please log in to post a comment

Log in

Community feedback

  • HCCEE•150
    @HCCEE

    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

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