Responsive E-commerce homepage - JavaScript animations / interactions

My process

1. 🗂 Initialize the project on GitHub and use Git for log my commits and versioning my work.
2. ✏ I looked at the designs, in design directory, to start planning how to approach the project:
   • Desktop Design
   • Mobile Design
3. ⚙ Implemented project features with HTML CSS and JS ✅ issue #31 :
   • ✔ users should be able to Navigate the slider using either their mouse/trackpad or keyboard
   • ✔ users should be able to View the optimal layout for the site depending on their device's screen size
   • ✔ users should be able to See hover states for all interactive elements on the page
4. 🚀 Buil and Deploy with Netlify
5. ℹ Update README file
6. ➡ Submit my solution

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS media queries
• CSS transitions
• JavaScript Dom manipulation
• Javascript animation

What I learned

I improved my skills in animating and interacting components with JavaScript

• scroll and keypress events on slider