Skip to content
Submitted about 2 years ago

Ecommerce Product Page using Next Js, Tailwind CSS

Taofeek Ibrahim Opeyemi•50
@Coding-Algorithm
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...E-commerce product page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

What do you think of the my way of implementing add and removing from cart?

Do you find this challenging?

Community feedback

  • Azeem Saifi•370
    @saifion33Posted about 2 years ago

    Hi Taofeek Ibrahim.

    your solution is nice.

    There is some bugs .

    1. Item add into cart on + button click. Item should add on card only when we click add to cart button

    2. Item removed from cart on - button click . Item should remove only when click on delete icon

    3. When there is one item in cart and we click on - button , then item count is 0 but there is still 1 item in cart

    4. When we open page on mobile device there is button for change image and Navbar close button not working.

    Hope you solve that bugs.

    I hope you find this helpful

    Happy Coding 😊

    Marked as helpful
    0
    Taofeek Ibrahim Opeyemi•50
    @Coding-AlgorithmPosted about 2 years ago

    @saifion33 Ook.. Thanks.. Will adjust it

    0

Please log in to post a comment

Log in with GitHub

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