Password Generator

Live

The challenge

Users should be able to:

• Generate a password based on the selected inclusion options
• Copy the generated password to the computer's clipboard
• See a strength rating for their generated password
• View the optimal layout for the interface depending on their device's screen size
• See hover and focus states for all interactive elements on the page

I do not have access to the Figma sketch so the design is not pixel perfect.

Built with

• Semantic HTML5 markup
• CSS custom properties
• SASS/SCSS
• Flex
• JavaScript