Base Apparel

Hi! This is my solution to the Base Apparel coming soon page challenge on Frontend Mentor

Live Site URL

https://buneeisslo.github.io/baseApparel/

Built with

• HTML
• CSS
• Mobile first workflow
• JavaScript
• Webpack
• Sweetalert2

What I learned

• A deeper understanding of events.
• EventTarget.removeEventListener()is used to remove the event listener from the target element. (Note: The listener cannot be an anonymous function)
• {once: true} can be passed as an option into EventTarget.addEventListener() to listen for an event just once.
• Creating a custom cursor.
• Using sweetalert2 to create a custom modal.

Resources

• Video tutorial on how to create a custom cursor with filter effects
• Codepens with some really cool cursor effects
  • Reticool
  • Magnetic
  • Rotating
  • SVG Bleeding
• Video tutorial on Event listeners in JavaScript

Acknowledgement

• The cursor effects in this project were inspired by this repo.