Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive grid. Modal traits. Scrollable confirmed items.

@IvanFdez01

Desktop design screenshot for the Product list with cart coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

All feedback is welcomed! Also, some suggestions about frameworks, as this project taked long using plain CSS and JS and in sight on larger works it's crucial to be more efficient.

Community feedback

Boris 2,870

@mkboris

Posted

Great job, @IvanFdez01! One suggestion for improvement, when the "Add to Cart" button is clicked, the item should be added to the cart immediately with a default quantity of 1. Additionally, the "Remove Item" button doesn't seem to be working you might want to look into that. Keep up the good work, and good luck!

Marked as helpful

1

@IvanFdez01

Posted

Hi @mkboris, I appreciate your comment so much.

Actually, the Add to Cart feature you talk about is on purpose. In my opinion, it seems more user-friendly to have the two step confirmation before adding it into cart. Otherwise, from the retail approach, I understand your way would be the only correct.

Thank you again for the feedback, I will take a look on the rm-button and keep in mind the property we've talked about. I saw your code and it's so well.

Cheers

1

@sirjaey

Posted

Wow this is mind blowing!!! Excellent job brother. I see the progress you're making and you are beginning to inspire me. Ride on sir.

1

@IvanFdez01

Posted

Haha thank you so much, @sirjaey.

Currently I'll be absent to attend a React and TS course. I want to take my first big step into frameworks, as I've noticed that plain CSS and JS aren't as efficient as they could be with some assistance.

However, I encourage you to keep working, and I'll try to help you when needed! Take care Joshua.

1

@sirjaey

Posted

You're welcome @IvanFdez01.

Your observation is totally true, plain JS is not enough. I intend taking a REACT course too. Please if you can share a link to the course I'd really appreciate.

Best wishes my friend

1

@sirjaey

Posted

@IvanFdez01 oh wow I really wish i understand spanish. I see the course is on Udemy. I'll go get it there.

Thanks a lot and good luck!

0

@sirjaey

Posted

Are you on DISCORD? @IvanFdez01

1

@IvanFdez01

Posted

@sirjaey good luck for you too.

I got this reccomendation from @javierdesant, another user of this platform, if you want to contact him.

1

@sirjaey

Posted

@IvanFdez01 I've sent you a friend request

0

Please log in to post a comment

Log in with GitHub
Discord logo

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