Ecommerce-product-page

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

I’m most proud of successfully implementing the interactive features, such as the image carousel and the cart functionality, using React and Vite. It was rewarding to see the project come together, especially the responsive design that works seamlessly across different devices. I also enjoyed working with state management to handle the cart items and the mobile menu toggle, which helped me deepen my understanding of React’s useState and useContext hooks.

Next time, I would focus more on optimizing the build process and ensuring all assets (like images) are correctly referenced in the production environment. I encountered some challenges with image paths not working after deployment, which taught me the importance of thoroughly testing the build locally before deploying. Additionally, I’d like to explore using a state management library like Redux or Zustand for more complex projects to keep the codebase more organized and scalable.

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

The main challenge was getting images to load correctly after deploying to Netlify. I fixed this by moving images to the public folder and using absolute paths. Another challenge was implementing the mobile menu and cart functionality. I used React’s useState and useContext hooks to manage state effectively, and tested thoroughly to ensure everything worked across devices.

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

I’d appreciate feedback on improving the accessibility of my project, particularly for screen readers and keyboard navigation. Additionally, I’d love suggestions on optimizing the performance, such as reducing bundle size or improving image loading times..