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

Responsive E-commerce Landing page made With HTML,SASS and Vanilla JS

#accessibility#sass/scss
Kamasah-Dicksonβ€’ 5,610

@Kamasah-Dickson

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


Hello guys after struggling a lot I finally tried my best to come out with a solution. it is not perfect but I really appreciate my effort. A challenge that I encountered was that, I used JS map function to dispay data in the DOM and saved user data like add to cart data in sessionStorage but when I was fetching the data, I tried maping the Data onto the DOM but anytime the browser reloads it loops the data in the session storage onto the DOM making duplicates data. but after lots of stressesπŸ˜₯😣 and hardcodings am a bit pleased. I decided to start learning REACT since I built a couple of these projects. What do you think??😎

please kindly show your opinions on this solution. Have a happy coding week.🎈🎈

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