Skip to content
Submitted 3 months ago

Password Generator Project

#sass/scss
P
Srishti Chaudhary•250
@itsmesrishti
Preview site (opens in new tab)View code (opens in new tab)
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?

I'm proud of finishing the project. If available I would like to use an api to create a password. This time around I wasn't able to find an api that fulfilled my requirements.

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

I encountered the following challenges:

  • custom input slider
  • how each selected feature can be included in the password
  • how to copy text
  • how I can determine password strength

I overcame the challenges by:

  • finding a resource on the internet for the custom input slider
  • ensuring that each selected feature is mentioned at least one time and then the rest of the passwrod is filled in randomly
  • googling and finding clipboard api
  • was looking for an api for the password strength couldn't find one so in the end I did it on my own on the basis of the length of the password.
What specific areas of your project would you like help with?

Any help or suggestion is appreciated!

Community feedback

  • P
    Flávio Júnior•180
    @flavin-jrPosted 3 months ago

    The code for this project is very well-structured, reflecting solid development practices. The organization of React components is clear and functional, making the code easy to read and maintain. The use of TypeScript adds strong typing, which enhances the robustness of the project and minimizes potential runtime errors. Additionally, the use of Sass demonstrates a thoughtful approach to styling, allowing for nested rules, variables, and mixins, which promote maintainability and scalability in CSS.

    0

Please log in to post a comment

Log in with GitHub

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