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

pablodev | Password Generator

P
pablodev 430

@Pabloodev

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?

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

P

@barka-dev

Posted

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
P
pablodev 430

@Pabloodev

Posted

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

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