Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 9 months ago

Password Generator using React, TypeScript, Zustand, and Tailwind CSS

react, tailwind-css, typescript, vite, zustand
P
Sadaf Javaid•60
@Sadaf-Javaid
A solution to the Password generator app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm most proud of implementing effective state management using Zustand. This was a new concept for me, and it made managing and updating the app's state much more efficient and organized. Additionally, I'm happy with the overall responsiveness and user experience of the password generator.

Next time, I would focus on adding more accessibility features, such as improving keyboard navigation and screen reader compatibility.

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

One of the main challenges I faced was implementing the password strength meter. Initially, I struggled with structuring the logic and styling the strength bars dynamically. To overcome this, I reached out to the Frontend Mentor Discord community and the Codecademy Discord server for advice. With their guidance and feedback, I was able to troubleshoot my implementation and finally build a working and visually responsive strength meter. This experience not only improved the functionality of my app but also reinforced the value of seeking help from the developer community.

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

I’d really appreciate any feedback on how I can improve this project further, especially in terms of performance, code quality, or additional features I could implement. Thank you for taking the time to review my solution! 😊

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Sadaf Javaid's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
Ā© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License