This project was a mentor frontend challenge that helped me put into practice the manipulation of the DOM with vanilla Javascript and Responsive Design.
- My Linkedin Linkedin
- Live Project E-commerce Product
- Challenged by frontend mentor
- My email [email protected]
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
- Mobile-first workflow
- HTML
- SCSS
- Javascript, localStorage and Gulp.js
- First of all you would need a Node installed.
- Then you would need to install project dependencies from the package.json file, by running the npm install command. This.