Skip to content
Submitted 6 months ago

Ecommerce product page using HTML, CSS and JavaScript

accessibility
leodev•480
@hangtime319
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?

It was a big challenge, as I applied CSS techniques that I'm not used to using, but I learned a lot.

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

The biggest challenges were in the JS code to make the image carousel and the product cart.

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

Any tips on how to improve my JS code, I'd appreciate it.

Code

Please log in to post a comment

Log in

Community feedback

  • Mohamed Ragheb•560
    @mohamed-fm

    You did an amazing job! To enhance your JavaScript code further, consider using classes. For reference, you can take a look at my code. Overall, your JavaScript is great, and your CSS is very clean. However, you might want to make your project responsive for screen sizes between 1200px and 500px.

    Marked as helpful
  • Virshree Desai•220
    @Virshree

    @hangtime319 Congratulations on compeleting this challenge!! But there are few improvements on my side. 1.Lightbox in desktop view is must bigger than the current size. 2.The cart must be initially be empty when quantity selected is zero.

    Rest your code is well-structured amazing job!! Happy Coding !!

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