Ecommerce Product Page

What are you most proud of, and what would you do differently next time?

I'm most proud of how closely to the mockups I was able to build the app.

Next time, I would be very deliberate when designing components and how to make them as reusable and "dumb" as possible. This would likely lead to minimal refactors.

What challenges did you encounter, and how did you overcome them?

I challenge I encountered was how to make the ProductImage component for both mobile and desktop and make it easily reusable by the Lightbox component since it had the same style of image display. But, that came at the cost of the adding specific functionality for the lightbox inside of the component to allow me to reuse it. Getting those two components to work together took the longest time ie. When the user clicks on the main image on the product page (that uses the ProductImage), the Lightbox component opens up with the ProductImage component, and ensuring that the main image that was clicked on the product page is what is first opened in the Lightbox. After getting it working, I refactored the ProductImage component quite a bit so that it could be as reusable as possible and so that it doesn't need to know about the Lightbox component. It probably isn't the cleanest or best implementation but it works and given more time I could probably improve it further.

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

Open to any feedback!