This is a solution to the Password generator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
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
- Solution URL: Frontend Mention Solution URL
- Live Site URL: Password Generator Hosted on Vercel
- Angular - JS framework
- Tailwind CSS - For styles
If you want more help with writing markdown, we'd recommend checking out The Markdown Guide to learn more.
From this point forward I want to utilize the Angular framework. Coming from a React background, I am a big fan of how opinionated Angular has been.
- Stack Overflow answer - This helped me in generating a more secure password, by suggesting the use of Crypto.getRandomValues() rather than using the Math.random() functionality.
- Crypto - The MDN docs on Crypto helped give me a deeper understanding on how the API works.
- Angular Docs - I have never built anything with Angular up until this point. In utilizing the docs I was able to understand the lifecycle of components, and how props are passed from parents to children and vice versa.
- Website - marioBytes Web Development
- Frontend Mentor - @marioBytes