What are you most proud of, and what would you do differently next time?
I’m most proud that the final site turned out fully responsive and functional across desktop, tablet and mobile—everything reflows nicely, typography scales, and the grid of product cards never breaks.
What I’d do differently next time:
Rebuild in React so that the card markup lives in a reusable component.
Drive the UI from JSON rather than hard-coding each card in HTML. That way you can loop over an array of products, easily add or remove items, and keep your template DRY.
What challenges did you encounter, and how did you overcome them?
I had challenges with the confirmation box, specifically getting the right image to show up, so I settled for a dummy image for now. I also struggled with updating cart item quantities — at first, it updated the total items purchased instead of individual item quantities. I solved that by ensuring each item's quantity was updated separately based on its own data, allowing for proper quantity management for each item in the cart.
What specific areas of your project would you like help with?
- I’d like help adjusting the image dimensions for mobile responsiveness so that they’re rectangular (4:3). My original thought was to create a separate
<div>
for mobile with different dimensions, but before I implement that, I’d like to explore if there are any better alternatives.
- I also need help dynamically fetching and displaying the correct product image in the final order confirmation. Right now, I’m using a placeholder approach, but I’d like to make sure I’m passing the correct image from the cart for the confirmation overlay.