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 (Vanilla JavaScript)

P

@ralphvirtucio

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?

I'm most proud of on how I coded the functionality of the password generator, I would do differently next time is create a custom-control of the input and checkboxes by following this article

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

The challenges that I encountered are checking of password strength and implementing the strength bars, I overcome them by reiterating through my plan, researching the challenges, breaking down the challenges into a small tasks and simplifying the challenges/problems involve around it.

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

I need help on checking and measuring the generated password strength, I'm having a second thoughts if my validatePasswordStrength(computedEntropy) is measuring the password strength correctly

Community feedback

P
Sam Hooker 410

@35degrees

Posted

Really nice work, I learned a lot from your code! The animation on the error is cool, and you put a lot of thought and work into this project. I don't really have feedback on your JS, I also had lots of conditionals that made it a long file. For the Copy button, maybe you could have had a modal or a pop-up saying that it copied successfully. Nice job!

1

P

@ralphvirtucio

Posted

@35degrees , I'll try to push a new updates for a modal if the copy was successful. Thank you !

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