Frontend Mentor - E-commerce product page

Welcome 🍃

This project was a mentor frontend challenge that helped me put into practice the manipulation of the DOM with vanilla Javascript and Responsive Design.

Links

• My Linkedin Linkedin
• Live Project E-commerce Product
• Challenged by frontend mentor
• My email ahmetndiaye404@gmail.com

Challenge

Your users should be able to:

• View the optimal layout for the site depending on their device's screen size
• See hover states for all interactive elements on the page
• Open a lightbox gallery by clicking on the large product image
• Switch the large product image by clicking on the small thumbnail images
• Add items to the cart
• View the cart and remove items from it

Screenshot

Built with

• Mobile-first workflow
• HTML
• SCSS
• Javascript, localStorage and Gulp.js

How To Run The Project

1. First of all you would need a Node installed.
2. Then you would need to install project dependencies from the package.json file, by running the npm install command. This.