Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Password Generator App using Vite, Sass and Vanilla JS

P

@kaamiik

Desktop design screenshot for the Password generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

  • Learning how to copy a content with a button. Learning how to generate password and evaluate it.

  • On the css, Learning how to build pure css checkbox and range slider

What challenges did you encounter, and how did you overcome them?

  • On the css, there was a issue when I wanna build range slider. The background color of the filled value must be different with empty side. I handle this one with JS.

  • On the JS, evaluate strength of the password was challenging. I've used regex to handle this. I'm not sure yet about it and I think I can improve it too.

What specific areas of your project would you like help with?

Please take a look at the different parts of my code Specially for Java Script and Accessibility and if you see any issues, give me feedback so I can improve. Thank you.

Community feedback

P

@rohantayal

Posted

Very well-designed Qumran, great job.

I found a small issue in your project regarding the strength bars. For instance, when I select all charsets and set the password length to 8, it indicates "Strong." However, when I increase the length to 11, even with all the checkboxes checked, it shows "Medium."

To address this, I suggest removing the condition that deducts a point from the strength value if a character is repeated.

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord