Submitted 3 months ago

pablodev | Password Generator

pablodev•430

@Pabloodev

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?

How are you guys? In this challenge I confess that I saw things that I hadn't styled until then, such as the checked button or even the input range (it took some work) but here we are in fits and starts.

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

I had a lot of difficulty working with the inputs, until then I hadn't seen this type of stylization so I had to watch a lot of videos, but I think it turned out well for a difficult solution.

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

Any feedback, but I mainly want to improve my lines of code as tips to improve the readability of my functions.

Community feedback

Abdessalam Barka•430
@barka-devPosted 3 months ago
Great job on this project! I do have a few suggestions for improvement:

=>Design: 1- The hover effect isn't working on the range slider and checkboxes. It would be good to fix this for a better user experience. 2- When you select the checkboxes, the check icon doesn't show up. Making sure it appears would help avoid confusion.

=>Logic: 1- The generated password doesn't always match the options(character types) selected. It might be helpful to use regex to check if the password includes all chosen options before showing it on the screen. 2- The "strength" level can be a bit unclear since it seems to be based primarily on the Character Length, rather than considering the complexity of the characters used. Also, the strength level and color related to it show up before clicking "generate" which could be confusing.

Keep the great work, and happy coding :)
Marked as helpful
0
pablodev•430
@PabloodevPosted 3 months ago
Good afternoon,

Thank you very much for the tips, I really need to refactor my latest solutions, as it was difficult I focused on actually being able to finish, now the next step is refactoring, but you have already made it easier for me by observing the points to be improved, thank you very much for the patience of typing here!
0
Abdessalam Barka•430
@barka-devPosted 3 months ago
welcome :)
0

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