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 Ecommerce Product Page

DaFlusher 350

@DaFlusher

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 tried using Reactjs this time around. Styling was done with sass. For the lightbox feature, I imported an open source lightbox from reactjsexample site. I look forward to customizing this further. The cart was nested in my navigation component, but had to be away of the cartNumber state. In order to avoid prop drilling, I used the useContext hook. Suggestions on how to improve, would be much appreciated.

Community feedback

DaFlusher 350

@DaFlusher

Posted

I reviewed the code. Instead of using the lightbox component from reacjsexample.com, I imported the react-modal from their github repo and customized it. The lightbox now looks much closer in appearance to that of the design. I still have to work on the add to cart functionality.

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