Link to live page

Requirements

• Mobile first build.
• Demonstrate the use of a task runner such as Gulp, Grunt, or Webpack.
• Demonstrate the use of precompiled styles e.g. SASS or LESS.
• A naming convention such as BEM, for easy to follow css classes and structure.
• Implement the slide out cart functionality using JavaScript.
• Create a 1 second loading animation before the slide out cart opens.
• Use animations for opening/closing the cart.
• Ensure the slide out cart is scrollable on mobiles and tablets.
• Ensure the implementation is cross-browser friendly.
• Build reusable components that could be used on other areas of the website
• Use Roboto and Open Sans fonts – which are available via Google Fonts.

I implemented the page based on these designs