Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

A beautiful and responsive e-commerce page built in JavaScript

@developer-luizcarlos

Desktop design screenshot for the E-commerce product page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

What I was most proud of was the fact that I was able to carry out a complex and extensive project from start to finish completely independently, without having to resort to any external help. I also notice my evolution in the organization of the code and how my logical reasoning has evolved in the last few months, leading me to think strategically about how to build the project structure and use each resource that the language offers in order to complete the challenge.

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

My biggest challenge was to develop a way to change images on the slide along with changing the effect on the images of product options, which gave me a solution in associating variables already created and using a function that worked both in individual click on the images to change the image on the slide.

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

I would like someone to show me how I could create an effect for the image of the options that was faithful to the design, something that I was unable to implement in the final version of my project. If you want any explanation on any point in my code, feel free to ask your question. Tips and suggestions are always welcome. Sorry for the bad english. If possible, follow me on github

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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