Skip to content
Submitted 2 months ago

ecommerce-product-page-main

accessibility, sass/scss, lighthouse
AymaneOnline•390
@AymaneOnline
A solution to the E-commerce product page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

The overall challenge was a nice experience and a good practice for my HTML/CSS/JAVASCRIPT and Sass skills. One I should do next time is not to do a long pause while working on that challenge because the last time when I came to finish the solution I didn't know where to start.

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

The biggest difficulty was with JavaScript, specifically with the lightbox carousel. I wanted to show the clicked image instead of showing the first one by default. Of course I used AI to find the solution for that one.

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

I would appreciate any feedback guys!

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Muhamad Rukhul Kirom•380
    @rukhulkirom

    Hello there👋. Good job on completing the challenge!

    I have some suggestions about your code that might interest you.

    1. Lightbox Feature : The challenge specifies a lightbox functionality when clicking the main product image. Currently, this feature seems absent. Implementing a modal that displays the enlarged image with navigation controls would enhance user experience.

    2. Accessibility Enhancements :

    • Alt Text: Ensure all images have descriptive alt attributes for screen readers.

    • Keyboard Navigation: Verify that all interactive elements are accessible via keyboard navigation.

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