Submitted 4 months ago

Password Generator App using Vite, Sass and Vanilla JS

Kamran Kiani•1,280

@kaamiik

Preview site View code

This is a solution for...Password generator app

HTML
CSS
JS

3intermediate

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

Rohan Tayal•310
@rohantayalPosted 4 months ago
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

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