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

ecommerce-product-page using VueJS and JavaScript

Tien 210

@NN-NT-TN

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


This my solution for ecommerce-product-page challenge using VueJS for the images slider and Vanilla JavaScript for the popup with CSS for styling. The Hardest part was the definitely the styling especially the navigation bar trying to get all element line up properly and getting the menu link hover effect to look like the design and the profile icon sizing The Vue and JavaScript was pretty tame though I did learn a good amount about DOM manipulation and Vue class binding and some array funtions

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