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

E-commerce Product Page with Next.js, Redux Toolkit and Tailwindcss

Bajrard 340

@rajjubajra

Desktop design screenshot for the E-commerce product page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


I've implemented the Product Cart functionality using Redux Toolkit for state management and styled it with Tailwind CSS. Please take a look and share your feedback.

Community feedback

@MohammedBentalb

Posted

Hello Bajrard, the website does indeed work smoothly. Yet, sticking to the design would be a huge benefit too since it's the first thing that a user deals with, I recommend :

  • fixing container width (it holds the entire screen , imagine having ultra-wide screen, you need to set a limit*)
  • fix elements width (they also stretch as the container stretch to the edges)
  • stop consoling data to the console

Other than that, u may need to start tweaking CSS

Marked as helpful

1

Bajrard 340

@rajjubajra

Posted

@MohammedBentalb

Thank you for your advice. I do agree with your comment on my work.

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